/* Generated by apps/website/scripts/build.mjs from apps/mobile/theme/tokens.js (the app's palette: the live phone)
   and brand/tokens.js (the site's, --site-*: everything else). Edit the tokens there, not this file. */

@font-face {
  font-family: "Instrument Serif";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/InstrumentSerif-Regular.56ac3be03a.ttf") format("truetype");
}

@font-face {
  font-family: "Instrument Serif";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/InstrumentSerif-Italic.9c86e4d5a4.ttf") format("truetype");
}

@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/Manrope-Regular.6383bd9f81.ttf") format("truetype");
}

@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/fonts/Manrope-Medium.88d3f8ef00.ttf") format("truetype");
}

@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/fonts/Manrope-SemiBold.abbefa1f58.ttf") format("truetype");
}

@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/Manrope-Bold.4aed5d180a.ttf") format("truetype");
}

@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("/fonts/Manrope-ExtraBold.5be6d9b21d.ttf") format("truetype");
}

:root {
  --font-serif: "Instrument Serif", ui-serif, Georgia, "Times New Roman", serif;
  --font-sans: "Manrope", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* Dark: the default, and html[data-theme="dark"]. */
:root,
:root[data-theme="dark"] {
  color-scheme: dark;
  --background: 10 20 15;
  --foreground: 242 238 230;
  --card: 17 29 23;
  --elevated: 23 37 30;
  --muted: 24 36 29;
  --muted-foreground: 156 168 158;
  --border: 36 49 42;
  --input: 46 60 52;
  --primary: 131 202 164;
  --primary-foreground: 8 18 13;
  --primary-soft: 22 56 40;
  --accent: 227 138 103;
  --accent-foreground: 26 13 7;
  --accent-soft: 71 34 21;
  --gold: 224 200 142;
  --gold-soft: 58 47 20;
  --success: 116 198 146;
  --success-soft: 20 51 32;
  --warning: 230 181 93;
  --warning-soft: 59 43 13;
  --destructive: 244 124 110;
  --destructive-soft: 75 30 25;
  --info: 123 185 229;
  --info-soft: 24 46 61;
  --hero: 14 44 29;
  --hero-foreground: 245 241 233;
  --hero-accent: 218 197 147;
  --chart-1: 131 202 164;
  --chart-2: 109 188 202;
  --chart-3: 227 200 133;
  --chart-4: 230 147 115;
  --brand-teal: 88 144 136;
  --brand-coral: 212 115 81;
  --brand-word: 242 238 230;
  --site-bg: 14 26 25;
  --site-surface: 19 35 34;
  --site-surface-2: 26 44 43;
  --site-ink: 238 243 241;
  --site-ink-soft: 197 211 208;
  --site-ink-muted: 163 181 178;
  --site-line: 36 55 53;
  --site-field: 107 131 128;
  --site-primary: 125 181 172;
  --site-primary-strong: 125 181 172;
  --site-accent: 224 138 107;
  --site-accent-strong: 224 138 107;
  --site-hero: 34 57 56;
  --site-danger: 242 139 125;
  --site-solid: 238 243 241;
  --site-on-solid: 34 57 56;
  --site-logo-ring: 88 144 136;
  --site-logo-dot: 212 115 81;
  --site-logo-word: 238 243 241;
  --site-logo-sub: 88 144 136;
  --site-glass: 0.42;
  --site-glass-scrolled: 0.76;
  --site-scrim: 0.74;
  --site-scrim-mid: 0.4;
  --site-shadow-bar: 0 16px 40px -22px rgb(0 0 0 / 0.9);
  --site-shadow-card: 0 24px 48px -28px rgb(0 0 0 / 0.85);
  --site-shadow-panel: 0 40px 80px -40px rgb(0 0 0 / 0.85);
  --site-shadow-solid: 0 14px 34px -16px rgb(125 181 172 / 0.4);
}

:root[data-theme="light"] {
  color-scheme: light;
  --background: 249 245 236;
  --foreground: 23 38 28;
  --card: 254 252 247;
  --elevated: 255 255 255;
  --muted: 239 235 226;
  --muted-foreground: 90 102 93;
  --border: 226 222 213;
  --input: 216 212 204;
  --primary: 19 78 52;
  --primary-foreground: 245 241 233;
  --primary-soft: 220 234 221;
  --accent: 185 92 58;
  --accent-foreground: 255 248 242;
  --accent-soft: 250 226 216;
  --gold: 141 107 45;
  --gold-soft: 245 234 209;
  --success: 48 122 79;
  --success-soft: 214 239 222;
  --warning: 168 107 25;
  --warning-soft: 250 233 206;
  --destructive: 182 50 43;
  --destructive-soft: 255 228 225;
  --info: 43 105 145;
  --info-soft: 224 237 248;
  --hero: 10 55 35;
  --hero-foreground: 245 241 233;
  --hero-accent: 218 197 147;
  --chart-1: 31 107 74;
  --chart-2: 51 150 155;
  --chart-3: 200 166 93;
  --chart-4: 203 122 93;
  --brand-teal: 88 144 136;
  --brand-coral: 212 115 81;
  --brand-word: 34 57 56;
  --site-bg: 245 248 247;
  --site-surface: 255 255 255;
  --site-surface-2: 238 243 242;
  --site-ink: 34 57 56;
  --site-ink-soft: 52 80 77;
  --site-ink-muted: 78 102 100;
  --site-line: 220 229 227;
  --site-field: 122 144 141;
  --site-primary: 88 144 136;
  --site-primary-strong: 59 112 105;
  --site-accent: 200 101 63;
  --site-accent-strong: 173 82 53;
  --site-hero: 34 57 56;
  --site-danger: 179 55 46;
  --site-solid: 34 57 56;
  --site-on-solid: 255 255 255;
  --site-logo-ring: 88 144 136;
  --site-logo-dot: 212 115 81;
  --site-logo-word: 34 57 56;
  --site-logo-sub: 88 144 136;
  --site-glass: 0.62;
  --site-glass-scrolled: 0.86;
  --site-scrim: 0.8;
  --site-scrim-mid: 0.5;
  --site-shadow-bar: 0 14px 34px -20px rgb(34 57 56 / 0.28);
  --site-shadow-card: 0 18px 40px -26px rgb(34 57 56 / 0.3);
  --site-shadow-panel: 0 34px 70px -40px rgb(34 57 56 / 0.34);
  --site-shadow-solid: 0 14px 30px -16px rgb(34 57 56 / 0.5);
}

/* No script, so no data-theme (site/theme.js sets it before first paint): follow the system. */
@media (prefers-color-scheme: light) {
  :root:not([data-theme]) {
    color-scheme: light;
    --background: 249 245 236;
    --foreground: 23 38 28;
    --card: 254 252 247;
    --elevated: 255 255 255;
    --muted: 239 235 226;
    --muted-foreground: 90 102 93;
    --border: 226 222 213;
    --input: 216 212 204;
    --primary: 19 78 52;
    --primary-foreground: 245 241 233;
    --primary-soft: 220 234 221;
    --accent: 185 92 58;
    --accent-foreground: 255 248 242;
    --accent-soft: 250 226 216;
    --gold: 141 107 45;
    --gold-soft: 245 234 209;
    --success: 48 122 79;
    --success-soft: 214 239 222;
    --warning: 168 107 25;
    --warning-soft: 250 233 206;
    --destructive: 182 50 43;
    --destructive-soft: 255 228 225;
    --info: 43 105 145;
    --info-soft: 224 237 248;
    --hero: 10 55 35;
    --hero-foreground: 245 241 233;
    --hero-accent: 218 197 147;
    --chart-1: 31 107 74;
    --chart-2: 51 150 155;
    --chart-3: 200 166 93;
    --chart-4: 203 122 93;
    --brand-teal: 88 144 136;
    --brand-coral: 212 115 81;
    --brand-word: 34 57 56;
    --site-bg: 245 248 247;
    --site-surface: 255 255 255;
    --site-surface-2: 238 243 242;
    --site-ink: 34 57 56;
    --site-ink-soft: 52 80 77;
    --site-ink-muted: 78 102 100;
    --site-line: 220 229 227;
    --site-field: 122 144 141;
    --site-primary: 88 144 136;
    --site-primary-strong: 59 112 105;
    --site-accent: 200 101 63;
    --site-accent-strong: 173 82 53;
    --site-hero: 34 57 56;
    --site-danger: 179 55 46;
    --site-solid: 34 57 56;
    --site-on-solid: 255 255 255;
    --site-logo-ring: 88 144 136;
    --site-logo-dot: 212 115 81;
    --site-logo-word: 34 57 56;
    --site-logo-sub: 88 144 136;
    --site-glass: 0.62;
    --site-glass-scrolled: 0.86;
    --site-scrim: 0.8;
    --site-scrim-mid: 0.5;
    --site-shadow-bar: 0 14px 34px -20px rgb(34 57 56 / 0.28);
    --site-shadow-card: 0 18px 40px -26px rgb(34 57 56 / 0.3);
    --site-shadow-panel: 0 34px 70px -40px rgb(34 57 56 / 0.34);
    --site-shadow-solid: 0 14px 30px -16px rgb(34 57 56 / 0.5);
  }
}

/* The app's <ThemeScope scheme>: a subtree that keeps one of the app's schemes whatever the page shows. */
.scheme-dark {
  color-scheme: dark;
  --background: 10 20 15;
  --foreground: 242 238 230;
  --card: 17 29 23;
  --elevated: 23 37 30;
  --muted: 24 36 29;
  --muted-foreground: 156 168 158;
  --border: 36 49 42;
  --input: 46 60 52;
  --primary: 131 202 164;
  --primary-foreground: 8 18 13;
  --primary-soft: 22 56 40;
  --accent: 227 138 103;
  --accent-foreground: 26 13 7;
  --accent-soft: 71 34 21;
  --gold: 224 200 142;
  --gold-soft: 58 47 20;
  --success: 116 198 146;
  --success-soft: 20 51 32;
  --warning: 230 181 93;
  --warning-soft: 59 43 13;
  --destructive: 244 124 110;
  --destructive-soft: 75 30 25;
  --info: 123 185 229;
  --info-soft: 24 46 61;
  --hero: 14 44 29;
  --hero-foreground: 245 241 233;
  --hero-accent: 218 197 147;
  --chart-1: 131 202 164;
  --chart-2: 109 188 202;
  --chart-3: 227 200 133;
  --chart-4: 230 147 115;
  --brand-teal: 88 144 136;
  --brand-coral: 212 115 81;
  --brand-word: 242 238 230;
}

.scheme-light {
  color-scheme: light;
  --background: 249 245 236;
  --foreground: 23 38 28;
  --card: 254 252 247;
  --elevated: 255 255 255;
  --muted: 239 235 226;
  --muted-foreground: 90 102 93;
  --border: 226 222 213;
  --input: 216 212 204;
  --primary: 19 78 52;
  --primary-foreground: 245 241 233;
  --primary-soft: 220 234 221;
  --accent: 185 92 58;
  --accent-foreground: 255 248 242;
  --accent-soft: 250 226 216;
  --gold: 141 107 45;
  --gold-soft: 245 234 209;
  --success: 48 122 79;
  --success-soft: 214 239 222;
  --warning: 168 107 25;
  --warning-soft: 250 233 206;
  --destructive: 182 50 43;
  --destructive-soft: 255 228 225;
  --info: 43 105 145;
  --info-soft: 224 237 248;
  --hero: 10 55 35;
  --hero-foreground: 245 241 233;
  --hero-accent: 218 197 147;
  --chart-1: 31 107 74;
  --chart-2: 51 150 155;
  --chart-3: 200 166 93;
  --chart-4: 203 122 93;
  --brand-teal: 88 144 136;
  --brand-coral: 212 115 81;
  --brand-word: 34 57 56;
}