:root {
  color-scheme: light;

  /* VitaRide Production UI foundations · VR-UI-PHASE-B-2026-08-26-01 */
  --vr-font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --vr-font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;

  --vr-primary-950: #061a38;
  --vr-primary-900: #082a5b;
  --vr-primary-800: #0b3b82;
  --vr-primary-700: #0d4ead;
  --vr-primary-600: #0f5bd8;
  --vr-primary-500: #2176ff;
  --vr-primary-400: #4b91ff;
  --vr-primary-300: #82b3ff;
  --vr-primary-200: #b8d4ff;
  --vr-primary-100: #d9e8ff;
  --vr-primary-50: #eff6ff;

  --vr-canvas: #f5f7fb;
  --vr-surface: #ffffff;
  --vr-surface-subtle: #f8fafc;
  --vr-surface-soft: #eef2f7;
  --vr-surface-raised: #ffffff;
  --vr-surface-inverse: #0b1933;
  --vr-border: #d8e0ec;
  --vr-border-strong: #bec9d8;
  --vr-gridline: #e8edf4;
  --vr-gridline-strong: #d2dae6;

  --vr-text: #0b1933;
  --vr-text-secondary: #52627a;
  --vr-text-muted: #6f7e92;
  --vr-text-disabled: #8995a7;
  --vr-text-inverse: #ffffff;
  --vr-placeholder: #7f8ca0;

  --vr-success: #087a55;
  --vr-success-bg: #e8f7f0;
  --vr-info: #1859c9;
  --vr-info-bg: #edf4ff;
  --vr-warning: #b75b00;
  --vr-warning-bg: #fff4df;
  --vr-return: #087a55;
  --vr-return-bg: #e8f7f0;
  --vr-danger: #c83232;
  --vr-danger-700: #a92727;
  --vr-danger-bg: #fff0f0;
  --vr-done: #617086;
  --vr-done-bg: #eef1f5;
  --vr-mira: #6757cf;
  --vr-mira-strong: #5140bd;
  --vr-mira-bg: #f1efff;
  --vr-wait: #6d4bc1;
  --vr-wait-bg: #f3efff;

  --vr-gradient-primary: linear-gradient(135deg, #0f5bd8 0%, #0b3b82 100%);
  --vr-gradient-sidebar: linear-gradient(180deg, #0b2b5b 0%, #061a38 100%);
  --vr-gradient-mira: linear-gradient(135deg, #6757cf 0%, #287f9d 100%);

  --vr-radius-xs: 6px;
  --vr-radius-sm: 8px;
  --vr-radius-md: 8px;
  --vr-radius-lg: 12px;
  --vr-radius-xl: 12px;
  --vr-radius-pill: 999px;

  --vr-shadow-xs: 0 1px 2px rgba(11, 25, 51, 0.08);
  --vr-shadow-sm: 0 6px 18px rgba(11, 25, 51, 0.1);
  --vr-shadow-md: 0 16px 40px rgba(11, 25, 51, 0.15);
  --vr-shadow-mira: 0 18px 42px rgba(45, 45, 91, 0.22);

  --vr-space-1: 4px;
  --vr-space-2: 8px;
  --vr-space-3: 12px;
  --vr-space-4: 16px;
  --vr-space-5: 20px;
  --vr-space-6: 24px;
  --vr-space-8: 32px;
  --vr-space-10: 40px;
  --vr-space-12: 48px;

  --vr-control-sm: 36px;
  --vr-control-md: 40px;
  --vr-control-lg: 44px;
  --vr-touch: 44px;

  --vr-type-page-size: 30px;
  --vr-type-page-line: 36px;
  --vr-type-section-size: 20px;
  --vr-type-section-line: 28px;
  --vr-type-card-size: 16px;
  --vr-type-card-line: 22px;
  --vr-type-ui-size: 14px;
  --vr-type-ui-line: 20px;
  --vr-type-body-size: 14px;
  --vr-type-body-line: 21px;
  --vr-type-label-size: 13px;
  --vr-type-label-line: 18px;
  --vr-type-meta-size: 12px;
  --vr-type-meta-line: 17px;
  --vr-type-table-head-size: 12px;
  --vr-type-table-head-line: 16px;
  --vr-type-kpi-size: 24px;
  --vr-type-kpi-line: 30px;
  --vr-weight-regular: 400;
  --vr-weight-ui: 500;
  --vr-weight-semibold: 600;
  --vr-weight-bold: 700;

  --vr-icon-sm: 16px;
  --vr-icon-md: 20px;
  --vr-icon-lg: 24px;
  --vr-icon-stroke: 1.8;

  --vr-focus-color: #2176ff;
  --vr-focus-ring: 0 0 0 2px #ffffff, 0 0 0 4px var(--vr-focus-color);
  --vr-focus-ring-inset: inset 0 0 0 2px var(--vr-focus-color);
  --vr-focus: var(--vr-focus-ring);

  --vr-sidebar: 228px;
  --vr-topbar: 72px;
  --vr-content-max: 1440px;
  --vr-editor-max: 1320px;
  --vr-hour-height: 72px;
  --vr-timeline-height: 1728px;
  --vr-time-rail: 58px;
  --vr-resource-column: 210px;
  --vr-hour-width: 92px;
  --vr-timeline-width: 2208px;
  --vr-lane-height: 92px;

  --vr-z-base: 0;
  --vr-z-sticky: 20;
  --vr-z-popover: 60;
  --vr-z-backdrop: 70;
  --vr-z-overlay: 80;
  --vr-z-toast: 100;
  --vr-z-skip-link: 1000;

  --vr-ease: cubic-bezier(0.2, 0.8, 0.2, 1);
  --vr-duration-fast: 140ms;
  --vr-duration: 210ms;
  --vr-duration-slow: 260ms;
}