/* GENERATED from lib/palette.ts by scripts/build-tokens.mjs — do not edit.
   Change a colour in lib/palette.ts, then run `npm run tokens`.
   lib/palette.test.ts holds this file to the palette. Spec: docs/brand.md. */

/* Type: Atkinson Hyperlegible for everything people read; every digit in
   Nunito ("FamFit Numbers" covers 0-9 only, and sits first in the stack), so
   numbers read as part of the sentence. */
@font-face {
  font-family: 'FamFit Numbers';
  src: url('/fonts/nunito.woff2') format('woff2-variations'), url('/fonts/nunito.woff2') format('woff2');
  font-weight: 200 1000;
  font-display: swap;
  unicode-range: U+0030-0039;
}
@font-face {
  font-family: 'Atkinson Hyperlegible';
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/atkinson-400.ttf') format('truetype');
}
@font-face {
  font-family: 'Atkinson Hyperlegible';
  font-weight: 700;
  font-display: swap;
  src: url('/fonts/atkinson-700.ttf') format('truetype');
}

:root {
  --font-sans: 'FamFit Numbers', 'Atkinson Hyperlegible', -apple-system, system-ui, sans-serif;

  --ground: #f5efe3;
  --raised: #faf6ec;
  --sunken: #dfd0b6;
  --border-subtle: #dfd0b6;
  --border-control: #947141;
  --text: #3b2f2a;
  --text-secondary: #574840;
  --text-on-action: #faf6ec;
  --text-disabled: #8c7b6c;
  --surface-disabled: #dfd0b6;
  --action: #4a5a26;
  --action-pressed: #293315;
  --focus: #4a5a26;
  --streak: #4a5a26;
  --goal-met: #4a5a26;
  --partner: #2f6b6b;
  --text-on-partner: #faf6ec;
  --celebrate: #e4a427;
  --celebrate-pressed: #c98d16;
  --text-on-celebrate: #3b2a0c;
  --celebrate-surface: #fbe6b3;
  --celebrate-ink: #8a5a0b;
  --repair-surface: #f0dfb4;
  --repair-action: #94381f;
  --repair-pressed: #742915;
  --urgent: #94381f;

  --brand-deep-olive: #293315;
  --brand-deep-olive-raised: #354220;
  --brand-on-deep-olive: #f5efe3;
  --brand-on-deep-olive-secondary: #c8cfb7;
  --brand-action-on-deep: #95a576;
  --brand-action-on-deep-hover: #b6c3a0;
  --brand-text-on-action-on-deep: #281e19;
  --brand-mark-you: #4a5a26;
  --brand-mark-them: #6ea3a3;
  --brand-mark-you-on-dark: #b6c3a0;
  --brand-mark-them-on-dark: #4f9393;
}

@media (prefers-color-scheme: dark) {
  :root {
    --ground: #281e19;
    --raised: #3b2f2a;
    --sunken: #493b35;
    --border-subtle: #493b35;
    --border-control: #b08e5f;
    --text: #f5efe3;
    --text-secondary: #c3b39d;
    --text-on-action: #281e19;
    --text-disabled: #716156;
    --surface-disabled: #493b35;
    --action: #95a576;
    --action-pressed: #d4ddc6;
    --focus: #b6c3a0;
    --streak: #b6c3a0;
    --goal-met: #b6c3a0;
    --partner: #6ea3a3;
    --text-on-partner: #281e19;
    --celebrate: #e9b34a;
    --celebrate-pressed: #f0c56a;
    --text-on-celebrate: #281e19;
    --celebrate-surface: #3d2c0b;
    --celebrate-ink: #f0c56a;
    --repair-surface: #402a01;
    --repair-action: #dd8972;
    --repair-pressed: #efaf9d;
    --urgent: #efaf9d;
  }
}