/* The First 100 Days: colour tokens.
   Light = the app's default palette (talia-storekit-rc2/src/app/globals.css, :root).
   Dark  = the app's Night palette (html[data-appearance="night"]), the one approved for the book's dark mode.
   The reader sets html[data-appearance="dark"]; with no stored choice it follows the system. */
:root {
  --t-bg: 251 250 246;
  --t-bg-alt: 243 241 235;
  --t-surface: 255 255 255;
  --t-surface-raised: 255 255 255;
  --t-surface-sunken: 243 241 235;
  --t-cream: 255 253 249;
  --t-text: 34 33 36;
  --t-text-soft: 96 92 103;
  --t-muted: 96 92 103;
  --t-border: 222 217 207;
  --t-border-strong: 151 144 131;
  --t-brand-pink: 255 0 131;
  --t-brand-fill: 200 0 104;
  --t-pink: 254 219 232;
  --t-home-sky: 212 232 249;
  --t-success: 21 128 61;
  --t-warning: 180 83 9;
  --t-warning-bg: 255 251 235;
  --t-danger: 185 28 28;
  --t-danger-bg: 254 242 242;
  --t-accent-teal: 14 116 144;
  --t-accent-teal-bg: 236 254 255;
  --t-accent-violet: 147 51 234;
  --t-accent-violet-bg: 247 243 255;

  /* reader shading in light: paper casts soft, not black */
  --shade: 40 36 44;
  --shade-a: .18;
  --callout-bg: rgb(var(--t-bg-alt) / .75);
  --sky: 247 250 254;
  --cloud: 255 255 255;
  --cloud-shade: 150 175 205;
  color-scheme: light;
}

html[data-appearance="dark"] {
  --t-bg: 10 8 9;
  --t-bg-alt: 15 13 16;
  --t-surface: 20 17 20;
  --t-surface-raised: 26 23 27;
  --t-surface-sunken: 13 11 14;
  --t-cream: 23 20 24;
  --t-text: 232 225 230;
  --t-text-soft: 185 176 184;
  --t-muted: 150 141 151;
  --t-border: 47 41 47;
  --t-border-strong: 106 98 108;
  --t-brand-pink: 217 98 156;
  --t-brand-fill: 196 46 114;
  --t-pink: 36 26 36;
  --t-home-sky: 16 26 36;
  --t-success: 87 190 135;
  --t-warning: 217 174 85;
  --t-warning-bg: 29 21 9;
  --t-danger: 238 135 129;
  --t-danger-bg: 33 15 17;
  --t-accent-teal: 79 184 199;
  --t-accent-teal-bg: 12 32 37;
  --t-accent-violet: 177 135 224;
  --t-accent-violet-bg: 26 21 38;

  --shade: 0 0 0;
  --shade-a: .55;
  --callout-bg: rgb(var(--t-surface-raised) / .55);
  --sky: 16 26 36;
  --cloud: 34 48 64;
  --cloud-shade: 6 12 20;
  color-scheme: dark;
}

:root {
  /* derived names used by the reader */
  --stage: rgb(var(--t-bg-alt));
  --paper: rgb(var(--t-cream));
  --paper-deep: rgb(var(--t-surface-sunken));
  --paper-raised: rgb(var(--t-surface-raised));
  --cloth: rgb(var(--t-surface-sunken));
  --ink: rgb(var(--t-text));
  --ink-soft: rgb(var(--t-text-soft));
  --ink-muted: rgb(var(--t-muted));
  --rule: rgb(var(--t-border));
  --rule-strong: rgb(var(--t-border-strong));
  --rose: rgb(var(--t-brand-pink));
  --rose-fill: rgb(var(--t-brand-fill));
  --teal: rgb(var(--t-accent-teal));
  --violet: rgb(var(--t-accent-violet));
  --warn: rgb(var(--t-warning));
  --danger: rgb(var(--t-danger));
}
html[data-appearance="dark"] { --stage: rgb(var(--t-bg)); --paper: rgb(var(--t-surface)); }