/* "Velvet" design tokens (ADR-032, replacing ADR-026's Meadow palette). Every colour on every page comes
   from here; tests/test_design.py checks the contrast of every pair the pages use. */
@font-face { font-family: "Fraunces"; font-weight: 600; font-display: swap;
             src: url("../fonts/fraunces-latin-600-normal.woff2") format("woff2"); }
@font-face { font-family: "Fraunces"; font-weight: 700; font-display: swap;
             src: url("../fonts/fraunces-latin-700-normal.woff2") format("woff2"); }
@font-face { font-family: "Fraunces"; font-weight: 600; font-style: italic; font-display: swap;
             src: url("../fonts/fraunces-latin-600-italic.woff2") format("woff2"); }
/* Body text: Atkinson Hyperlegible Next (OFL) with its slashed zero redrawn as a plain zero. The mono
   face keeps the slashed zero for booking references and codes, where 0 and O must not be confused. */
@font-face { font-family: "Atkinson Hyperlegible Next"; font-weight: 400; font-display: swap;
             src: url("../fonts/atkinson-hyperlegible-next-plainzero-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "Atkinson Hyperlegible Next"; font-weight: 700; font-display: swap;
             src: url("../fonts/atkinson-hyperlegible-next-plainzero-latin-700-normal.woff2") format("woff2"); }
@font-face { font-family: "Atkinson Hyperlegible Mono"; font-weight: 400; font-display: swap;
             src: url("../fonts/atkinson-hyperlegible-mono-latin-400-normal.woff2") format("woff2"); }

:root {
  --sm-ink: #24122B; --sm-paper: #FBF6F3; --sm-card: #FFFFFF; --sm-muted: #67536C;
  --sm-border: #EEE0E4; --sm-control: #9A7D95;
  --sm-primary: #8A1E5F; --sm-on-primary: #FFFFFF; --sm-primary-tint: #F8E7F0;
  --sm-accent: #E9B98F; --sm-on-accent: #24122B;
  --sm-success: #0F6B4F; --sm-success-tint: #E2F4EC;
  --sm-warning: #8A4B00; --sm-warning-tint: #FCEEDB;
  --sm-danger: #B42318; --sm-danger-tint: #FDE7E4;
  --sm-focus-inner: #FFFFFF; --sm-focus-outer: #24122B;
  /* staff navigation (dark aubergine in both themes) */
  --sm-side: #2A0E2C; --sm-side-text: #F8E9F1; --sm-side-current: #4C1D48;
  /* area colours: white icon or text on each */
  --sm-area-today: #8A1E5F; --sm-area-diary: #6D28D9; --sm-area-clients: #BE185D;
  --sm-area-money: #0F766E; --sm-area-team: #A9480A; --sm-area-settings: #4B5563;
  /* matching touches: decorative only, ink text on the tints */
  --sm-touch-lime: #A7E3C9; --sm-touch-peach: #F4A6C0; --sm-touch-sky: #C7B2F0; --sm-touch-lavender: #E9B98F;
  --sm-tint-sun: #FCEFE1; --sm-tint-peach: #FDE8EE; --sm-tint-sky: #EFE9FB; --sm-tint-lavender: #F5EAF7;
  --sm-tint-lime: #E6F6EF; --sm-tint-lagoon: #E2F2F1;
  --sm-hero-from: #3A0D3B; --sm-hero-to: #8A1E5F; --sm-on-hero: #FFFFFF;
  --sm-shadow: 0 1px 2px rgba(36, 18, 43, .06), 0 10px 28px rgba(138, 30, 95, .10);
  --sm-font: "Atkinson Hyperlegible Next", "Atkinson Hyperlegible", system-ui, "Segoe UI", Roboto, sans-serif;
  --sm-display: "Fraunces", Georgia, "Times New Roman", serif;
  --sm-mono: "Atkinson Hyperlegible Mono", ui-monospace, "SFMono-Regular", Consolas, monospace;
  /* sizes: 38px controls with a mouse, 44px on touch (ADR-026 §6) */
  --sm-control-h: 38px; --sm-button-h: 40px; --sm-row-button-h: 32px;
  --sm-radius: 10px; --sm-radius-card: 18px;
}
@media (any-pointer: coarse) {
  :root { --sm-control-h: 44px; --sm-button-h: 44px; --sm-row-button-h: 40px; }
}
@media (prefers-color-scheme: dark) {
  :root {
    --sm-ink: #F8ECF3; --sm-paper: #170B19; --sm-card: #221225; --sm-muted: #C4AEC1;
    --sm-border: #3D2340; --sm-control: #8F6E8C;
    --sm-primary: #F28CC4; --sm-on-primary: #170B19; --sm-primary-tint: #3A1838;
    --sm-accent: #E9B98F; --sm-on-accent: #170B19;
    --sm-success: #6EDDB0; --sm-success-tint: #12302A;
    --sm-warning: #FFC97A; --sm-warning-tint: #3A2A14;
    --sm-danger: #FF8A80; --sm-danger-tint: #3D1A17;
    --sm-focus-inner: #170B19; --sm-focus-outer: #E9B98F;
    --sm-side: #10060F; --sm-side-current: #3A1838;
    --sm-tint-sun: #3A2A1C; --sm-tint-peach: #3D1A2A; --sm-tint-sky: #261E45; --sm-tint-lavender: #33203A;
    --sm-tint-lime: #12302A; --sm-tint-lagoon: #10302F;
    --sm-shadow: 0 1px 2px rgba(0, 0, 0, .4);
  }
}