/* ============================================================
   ROOT — the design tokens
   Every colour, font, radius, shadow and timing the stylesheets use.
   Change a value here and it changes everywhere.
   ============================================================ */

:root {
  /* Text and surfaces */
  --ink: #2A2724;
  --ink2: #413D39;
  --ink3: #56514B;
  --chrome: #79736C;
  --chrome2: #A6A099;
  --paper: #F2F0EB;
  --card: #FFFFFF;
  --card2: #FAF9F7;
  --line: #E4E0D8;
  --line2: #EFECE6;

  /* Warm neutral ramp, lightest to darkest */
  --n0: #FFFFFF;
  --n25: #FDFCFB;
  --n50: #FAF9F7;
  --n100: #F3F1ED;
  --n150: #EBE8E2;
  --n200: #E1DDD5;
  --n300: #C8C3B9;
  --n400: #9A958C;
  --n500: #6D6962;
  --n600: #4F4B46;
  --n700: #383531;
  --n800: #24221F;
  --n900: #191715;
  --n950: #131210;

  /* Accent — the brand colour. Change these four to re-brand */
  --navy: #4A5A9E;
  --navy-l: #6B7BBE;
  --navy-bg: #EFF1F8;
  --navy-d: #3C4B88;

  /* Status colours: red = needs a person, amber = watch, green = fine, cyan = information */
  --red: #B5564A;
  --red-bg: #FBF2F0;
  --red-line: #EBD6D1;
  --amber: #9C7430;
  --amber-bg: #FBF6EC;
  --amber-line: #E9DCC5;
  --green: #4A7D63;
  --green-bg: #F0F6F2;
  --green-line: #CFE2D7;
  --cyan: #3C7488;
  --cyan-bg: #EFF5F7;
  --cyan-line: #CEE0E7;

  /* Typefaces — system fonts only, nothing downloaded */
  --sans: Inter,"Inter var",-apple-system,BlinkMacSystemFont,"Segoe UI Variable Text", "Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --mono: ui-monospace,"SF Mono","JetBrains Mono","Cascadia Mono",Menlo,Consolas,monospace;

  /* Corner radius scale */
  --r-xs: 5px;
  --r-sm: 7px;
  --r-md: 10px;
  --r-lg: 13px;
  --r-xl: 18px;

  /* Shadows — a card is lifted, not outlined */
  --sh-3: 0 24px 60px rgba(25,23,21,.2), 0 4px 12px rgba(25,23,21,.08);
  --sh-1: 0 1px 2px rgba(42,39,36,.04);
  --sh-2: 0 2px 6px rgba(42,39,36,.05), 0 10px 24px rgba(42,39,36,.05);

  /* Motion — one curve, two speeds */
  --ease: cubic-bezier(.2,.6,.3,1);
  --t-fast: 110ms;
  --t-med: 170ms;

  /* Layout */
  --rail: 232px;
}