/* EasyLaundry design tokens — single source of truth.
   Brand palette: deep navy #010736 / #0D1C42 / #22396F with cream #FCF1D0.
   Light surfaces are the supported theme. */
:root {
  --font-sans: 'IBM Plex Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, Consolas, monospace;

  /* Spacing scale */
  --space-1: .25rem;
  --space-2: .5rem;
  --space-3: .75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;

  /* Brand */
  --navy-900: #010736;   /* deepest — shell, headings on light */
  --navy-700: #0D1C42;   /* dark — rail, hover states */
  --navy-500: #22396F;   /* interactive accent */
  --cream:    #FCF1D0;   /* highlight / warm accent */

  /* Colour roles */
  --background: #f6f4ec;            /* warm paper behind the app */
  --layer: #ffffff;                 /* cards and work surfaces */
  --layer-subtle: #efece1;          /* fused dividers, muted fills */
  --layer-hover: #faf8f1;
  --text-primary: #0D1C42;
  --text-secondary: #4d5571;
  --border-subtle: #e4dfd0;
  --border-strong: #8b8fa3;
  --interactive: #22396F;
  --interactive-hover: #0D1C42;
  --on-interactive: #ffffff;
  --accent-soft: #e9edf7;           /* pale navy wash for selected states */
  --accent-cream: #FCF1D0;          /* cream wash for featured moments */
  --focus: #22396F;
  --focus-on-dark: #FCF1D0;

  /* Shell (header + rail) */
  --shell-background: #010736;
  --shell-layer: #0D1C42;
  --shell-text: #f4f1e4;
  --shell-muted: #aab3cf;
  --shell-hover: #22396F;

  /* Feedback */
  --danger: #c21d26;
  --danger-hover: #9f161e;
  --danger-bg: #fbeeec;
  --success-text: #11633c;
  --success-bg: #e3f2e7;
  --warning-text: #6b4e00;
  --warning-bg: #FCF1D0;
  --info-bg: #e9edf7;

  /* Shape, elevation & motion */
  --radius-control: 8px;
  --radius-card: 14px;
  --radius-pill: 999px;
  --shadow-card: 0 1px 2px rgba(1, 7, 54, .05), 0 6px 20px rgba(1, 7, 54, .06);
  --shadow-raised: 0 8px 28px rgba(1, 7, 54, .16);
  --motion-fast: 120ms;
  --motion-standard: 180ms;

  /* Type scale (productive) */
  --type-page-heading: 1.75rem;   /* 28px */
  --lh-page-heading: 2.25rem;     /* 36px */
  --type-section: 1.25rem;        /* 20px */
  --lh-section: 1.75rem;          /* 28px */
  --type-subsection: 1rem;        /* 16px */
  --lh-subsection: 1.5rem;        /* 24px */
  --type-body: 1rem;              /* 16px */
  --lh-body: 1.5rem;              /* 24px */
  --type-compact: .875rem;        /* 14px */
  --lh-compact: 1.25rem;          /* 20px */
  --type-caption: .75rem;         /* 12px */
  --lh-caption: 1rem;             /* 16px */
}