/*
 * GENERATED FILE — DO NOT EDIT.
 *
 * Written by mobile/scripts/build-theme.mjs from src/theme/palette.ts.
 * Change a colour THERE and run `npm run theme:build`.
 *
 * Edits here are lost on the next build, and `npm run theme:check` fails the commit.
 */

/* RGB triples, so a page can write rgb(var(--color-x) / 0.5) exactly as the app does. */
:root {
  --color-bg: 250 249 246;
  --color-surface: 255 255 255;
  --color-border: 231 226 216;
  --color-content: 28 25 23;
  --color-content-muted: 87 83 78;
  --color-content-subtle: 138 132 125;
  --color-primary: 194 65 12;
}

/* The OS says dark — unless the reader has explicitly asked for light. */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme='light']) {
    --color-bg: 24 22 20;
    --color-surface: 35 32 29;
    --color-border: 58 53 48;
    --color-content: 246 243 239;
    --color-content-muted: 178 171 163;
    --color-content-subtle: 130 123 116;
    --color-primary: 234 138 74;
  }
}

/* The reader asked for dark, on a light OS. */
:root[data-theme='dark'] {
  --color-bg: 24 22 20;
  --color-surface: 35 32 29;
  --color-border: 58 53 48;
  --color-content: 246 243 239;
  --color-content-muted: 178 171 163;
  --color-content-subtle: 130 123 116;
  --color-primary: 234 138 74;
}