/* A copy of lb-brand's tokens/tokens.css (865957a), made by `npm run sync-brand`. Don't edit it here:
   change lb-brand, then sync. Paths in the comments below are lb-brand's. */

/* Lee Byrd brand tokens. The source of truth for colour and type values.
   Explained in ../visual/palette.md and ../visual/type.md.
   Light mode is ecru paper with navy ink; dark mode is a navy page with ecru ink.
   Colour-blindness check for writing/testing/reading: see ../visual/palette.md.
   Fonts are provisional (type direction B) until the type decision is made.

   Load the fonts with:
   <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Bitter:wght@600;800&family=IBM+Plex+Mono:wght@500;700&family=IBM+Plex+Sans:ital,wght@0,400;0,600;1,400&display=swap"> */

:root {
  /* Brand colours: fixed in both themes */
  --lb-navy: #16233A;      /* the tie */
  --lb-navy-2: #22344F;
  --lb-pale: #B9CDE2;      /* the shirt */
  --lb-amber: #E09B2D;     /* the rum: the single accent */
  --lb-amber-mark: #B8720F;/* amber for marks on ecru */
  --lb-ecru: #F1ECE2;      /* paper, never optic white */
  --lb-slate: #4C5A70;

  /* Type */
  --font-head: "Bitter", Georgia, serif;
  --font-body: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-num: "IBM Plex Mono", ui-monospace, Menlo, monospace;

  /* Theme: light */
  color-scheme: light;
  --bg: #F1ECE2;
  --surface: #F8F5EF;
  --surface-2: #E8E2D5;
  --border: #D6D0C4;
  --text: #16233A;
  --text-2: #34425A;
  --muted: #5E6A7D;
  --accent: #2F5A8C;       /* links and focus; not amber */
  --slot-bg: #E2DBCD;
  --good: #2E7D4F;
  --bad: #B23A3A;
  --warn: #C9A227;
  --hi: #E09B2D;           /* amber as a fill behind navy text */
  --on-hi: #16233A;
  --hi-mark: #B8720F;      /* amber as a chart mark */

  /* Data: kinds of work */
  --kf-writing: #16233A;
  --kf-testing: #B8720F;
  --kf-reading: #4F7DAE;
  --kf-thinking: #4C5A70;
  --kf-tooling: #8E9AAB;
  --kf-waiting: #C3CAD3;
  --kf-idle: #DCD5C8;      /* drawn hatched with --hatch */
  --kf-paused: #EEDDB8;
  --hatch: #A9A296;

  --shadow: rgb(0 0 0 / 0.18);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --bg: #16233A;
    --surface: #1C2B44;
    --surface-2: #22344F;
    --border: #2F4363;
    --text: #F1ECE2;
    --text-2: #B9CDE2;
    --muted: #8FA3BC;
    --accent: #B9CDE2;
    --slot-bg: #1F3049;
    --good: #5FBF85;
    --bad: #E8776F;
    --warn: #D9B847;
    --hi-mark: #E09B2D;
    --kf-writing: #E6E1D6;
    --kf-testing: #E09B2D;
    --kf-reading: #6E9BCB;
    --kf-thinking: #9FB0C4;
    --kf-tooling: #5E7290;
    --kf-waiting: #3A4D6B;
    --kf-idle: #26385A;
    --kf-paused: #4A4230;
    --hatch: #5E7290;
    --shadow: rgb(0 0 0 / 0.35);
  }
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #16233A;
  --surface: #1C2B44;
  --surface-2: #22344F;
  --border: #2F4363;
  --text: #F1ECE2;
  --text-2: #B9CDE2;
  --muted: #8FA3BC;
  --accent: #B9CDE2;
  --slot-bg: #1F3049;
  --good: #5FBF85;
  --bad: #E8776F;
  --warn: #D9B847;
  --hi-mark: #E09B2D;
  --kf-writing: #E6E1D6;
  --kf-testing: #E09B2D;
  --kf-reading: #6E9BCB;
  --kf-thinking: #9FB0C4;
  --kf-tooling: #5E7290;
  --kf-waiting: #3A4D6B;
  --kf-idle: #26385A;
  --kf-paused: #4A4230;
  --hatch: #5E7290;
  --shadow: rgb(0 0 0 / 0.35);
}