/* Cabventory design tokens. Source of truth: tokens.json (keep both in sync). */
:root {
  /* Brand */
  --cv-petrol: #0A6A75;          /* primary: buttons, links, focus */
  --cv-petrol-hover: #075059;
  --cv-petrol-tint: #DDEBEC;
  --cv-petrol-on-dark: #2FA5B3;
  --cv-yellow: #F2C200;          /* accent: QBMS, labels, highlights. Never as text colour on white. */
  --cv-graphite: #172026;        /* text, headings, navigation */
  --cv-cabinet-grey: #C9D0CB;    /* borders, rails */
  --cv-white: #FFFFFF;

  /* Neutrals */
  --cv-ground: #EEF0EE;          /* page background in the app */
  --cv-surface-subtle: #F6F7F5;
  --cv-line: #DCE0DC;
  --cv-line-strong: #C9D0CB;
  --cv-text: #172026;
  --cv-text-secondary: #3B464C;
  --cv-text-muted: #4E5A60;
  --cv-text-faint: #6B777E;

  /* Dark surfaces */
  --cv-dark-1: #172026;
  --cv-dark-2: #1C262B;
  --cv-dark-3: #26323A;
  --cv-dark-4: #2B3840;
  --cv-dark-line: #3B464C;
  --cv-dark-text: #C9D0CB;
  --cv-dark-text-muted: #9AA5AB;

  /* Status: only for status, never as decoration */
  --cv-ok-bg: #DCF2E3;      --cv-ok-fg: #1E6B3A;      --cv-ok-dot: #2FA35A;
  --cv-warn-bg: #FFEDD5;    --cv-warn-fg: #9A3412;    --cv-warn-dot: #EA8A1A;
  --cv-dev-bg: #FEE4E2;     --cv-dev-fg: #B42318;     --cv-dev-dot: #E5484D;
  --cv-info-bg: #E6EEF8;    --cv-info-fg: #1F4E8C;    --cv-info-dot: #3A78C8;

  /* Type */
  --cv-font-head: "Barlow Semi Condensed", "Barlow", "Segoe UI", Arial, sans-serif;
  --cv-font-body: "Barlow", "Segoe UI", Arial, sans-serif;
  --cv-font-mono: "IBM Plex Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;

  --cv-text-h1: 56px;   --cv-lh-h1: 60px;
  --cv-text-h2: 36px;   --cv-lh-h2: 42px;
  --cv-text-h3: 22px;   --cv-lh-h3: 28px;
  --cv-text-body: 16px; --cv-lh-body: 24px;
  --cv-text-small: 14px; --cv-lh-small: 20px;
  --cv-text-label: 12px; --cv-lh-label: 18px;

  /* Shape and space */
  --cv-radius-s: 4px;    /* chips, tags */
  --cv-radius-m: 8px;    /* buttons, inputs */
  --cv-radius-l: 12px;   /* panels */
  --cv-radius-xl: 16px;  /* cards */
  --cv-space-1: 4px; --cv-space-2: 8px; --cv-space-3: 12px; --cv-space-4: 16px;
  --cv-space-5: 24px; --cv-space-6: 32px; --cv-space-7: 48px; --cv-space-8: 64px;
  --cv-control-height: 44px;   /* minimum touch target in the technical room */
  --cv-shadow-raised: 0 24px 48px rgba(23, 32, 38, 0.12);

  /* Motion */
  --cv-ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --cv-duration-fast: 150ms;
  --cv-duration-base: 200ms;
  --cv-duration-slow: 600ms;
}