/*
 * GENERATED FILE — DO NOT EDIT.
 *
 * Written by apps/website/scripts/build-tokens.ts from packages/core/tokens.ts,
 * which is the single source of truth for every colour in Sayshort. Editing a
 * value here would be silently reverted on the next build and would put the
 * site out of step with the product in the meantime.
 *
 * To change a colour, change it in packages/core/tokens.ts — where
 * scripts/check-contrast.ts will hold it to WCAG AA — and re-run:
 *   npm run build:tokens --workspace apps/website
 *
 * THE LIGHT THEME ONLY. The app ships a dark one and this file used to emit it
 * behind `prefers-color-scheme: dark`; the marketing site is deliberately
 * light for everyone. The reason is in the generator — read it before adding
 * the dark block back, because the meta tags and the phone chassis rules in
 * index.html have to move with it.
 */

:root {
  /* Declared, not implied. Without this a browser in Dark Mode still styles the
     form controls, the scrollbars and the caret dark, underneath a page that is
     entirely light — which looks like a bug rather than a preference. */
  color-scheme: light;

  --canvas: #F2F7FF;
  --surface: #FFFFFF;
  --surface-sunken: #E4EEFC;
  --ink: #0F2038;
  --accent: #0A6FE8;
  --accent-pressed: #0959BE;
  --on-accent: #FFFFFF;
  --accent-text: #0A63CF;
  --accent-soft: #D8E8FF;
  --streak: #B45309;
  --success: #0F7A56;
  --overrun: #96601A;
  --character: #4085F5;
  --character-ink: #0F2038;
  --outline: #0F2038;
  --band-1: #E9F1FE;
  --band-2: #DDEAFD;
  --band-3: #CFE1FB;
  --slab-study: #4E8CF5;
  --slab-exercise: #57A8E4;
  --slab-admin: #6E86DE;
  --slab-social: #7F9BE8;
  --slab-health: #4FA5C9;
  --slab-creative: #5E97E0;
  --slab-chore: #8AA3C6;
  --slab-other: #7BA0D2;

  /* The raised-surface geometry, READ FROM `raise` IN tokens.ts RATHER THAN
     TYPED HERE. These three were literals in this template, which is the same
     hand-copied hex problem this generator exists to solve, one property along:
     the app grew a `borderBold` for the NOW card and the site had no way to
     find out. The offset shadow is a hard edge, never a blur. */
  --raise-offset: 5px;
  --raise-border: 1.5px;
  /* The one surface allowed to outweigh the others — the NOW card, which is the
     answer to the only question the app asks. Everything else in a day is a
     list of things that are not the answer. */
  --raise-border-bold: 3px;
}