/*
  OnTime Beyond Clean design tokens.

  Colours are taken from the prototype at ontimebeyondclean.lovable.app, whose
  own tokens are --brand-navy, --brand-lime, --brand-paper and --brand-navy-soft
  (declared there in oklch; converted to hex here so older browsers get them too).

  One addition: the prototype's lime is far too light to read as text on a light
  background (1.23:1 against paper). --color-lime-ink is the same hue darkened
  until it passes, and is what any text or icon on a light surface uses. Lime
  itself is for surfaces, and for text on the navy.
*/

:root {
  /* Colour */
  --color-navy: #15223A;        /* primary text, dark sections */
  --color-navy-soft: #29354D;   /* secondary dark, dividers, secondary buttons */
  --color-paper: #F0EFE9;       /* page background */
  --color-paper-alt: #E9E8E2;   /* alternate band */
  --color-surface: #FFFFFF;     /* cards, the checklist docket */
  --color-lime: #D1E354;        /* the accent: buttons, marks on dark */
  --color-lime-ink: #535C00;    /* the accent as text/icons on light, 6.3:1 */
  --color-muted: #5B6474;       /* secondary text, 5.2:1 on paper */
  --color-alert: #B63139;       /* the guarantee callout only, 5.2:1 on paper */
  --color-alert-bright: #FF6467;/* the same, on the navy */

  /* Radius. Buttons are pill-shaped; images, cards and panels share --radius. */
  --radius-sm: 8px;
  --radius: 16px;
  --radius-lg: 24px;
  --radius-pill: 999px;

  /* Type */
  --font-display: 'Fraunces', Georgia, 'Times New Roman', serif;
  --font-body: 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono: 'IBM Plex Mono', 'JetBrains Mono', 'Courier New', monospace;

  /* Motion */
  --ease-signature: cubic-bezier(0.16, 1, 0.3, 1); /* the checklist draw-in / stamp moment */
  --duration-reveal: 0.6s;
  --duration-slide: 0.7s;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --duration-reveal: 0s;
    --duration-slide: 0s;
  }
}