/* Gerado por scripts/brand.mjs a partir de docs/lume-brand-kit/tokens/tokens.json — não editar à mão. */

:root {
  --font-display: "Fraunces", "Iowan Old Style", Georgia, serif;
  --font-ui: "Source Sans 3", system-ui, "Segoe UI", sans-serif;
  --font-read-serif: "Literata", Georgia, "Times New Roman", serif;
  --font-read-sans: "Source Sans 3", system-ui, "Segoe UI", sans-serif;
  --font-read-mono: "IBM Plex Mono", ui-monospace, Menlo, Consolas, monospace;
  --font-read-dyslexic: "OpenDyslexic", "Comic Sans MS", system-ui, sans-serif;
  --type-display-xl-size: 56px;
  --type-display-xl-line: 60px;
  --type-display-xl-weight: 600;
  --type-display-xl-tracking: -0.02em;
  --type-display-l-size: 40px;
  --type-display-l-line: 46px;
  --type-display-l-weight: 600;
  --type-display-l-tracking: -0.015em;
  --type-display-m-size: 30px;
  --type-display-m-line: 36px;
  --type-display-m-weight: 600;
  --type-display-m-tracking: -0.01em;
  --type-title-l-size: 22px;
  --type-title-l-line: 28px;
  --type-title-l-weight: 600;
  --type-title-m-size: 18px;
  --type-title-m-line: 24px;
  --type-title-m-weight: 600;
  --type-body-ui-size: 16px;
  --type-body-ui-line: 24px;
  --type-body-ui-weight: 400;
  --type-label-size: 14px;
  --type-label-line: 20px;
  --type-label-weight: 600;
  --type-caption-size: 13px;
  --type-caption-line: 18px;
  --type-caption-weight: 400;
  --type-overline-size: 12px;
  --type-overline-line: 16px;
  --type-overline-weight: 600;
  --type-overline-tracking: 0.08em;
  --type-leitura-serif-size: 18px;
  --type-leitura-serif-line: 1.7;
  --type-leitura-serif-weight: 400;
  --type-leitura-sans-size: 18px;
  --type-leitura-sans-line: 1.65;
  --type-leitura-sans-weight: 400;
  --type-leitura-mono-size: 16px;
  --type-leitura-mono-line: 1.75;
  --type-leitura-mono-weight: 400;
  --type-leitura-dislexia-size: 18px;
  --type-leitura-dislexia-line: 1.85;
  --type-leitura-dislexia-weight: 400;
  --type-leitura-dislexia-tracking: 0.02em;
  --type-leitura-titulo-size: 28px;
  --type-leitura-titulo-line: 1.25;
  --type-leitura-titulo-weight: 600;
  --type-leitura-titulo-tracking: -0.01em;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --tap-target: 44px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-full: 999px;
  --measure-estreita: 52ch;
  --measure-media: 64ch;
  --measure-larga: 78ch;
  --leading-compacta: 1.45;
  --leading-normal: 1.65;
  --leading-ampla: 1.85;
  --z-sticky: 10;
  --z-miniplayer: 20;
  --z-sheet: 30;
  --z-dialog: 40;
  --z-toast: 50;
}

/* Sépia (padrão) */
body[data-theme="sepia"] {
  color-scheme: light;
  --bg: #f4ecd8;
  --surface: #fbf5e6;
  --surface-2: #ebe0c6;
  --border: #dccfaf;
  --border-strong: #8a7757;
  --text: #3a2f20;
  --text-muted: #6a5a42;
  --accent: #9a3a22;
  --accent-hover: #82301b;
  --on-accent: #fff8ec;
  --accent-tint: #ebd3be;
  --accent-text: #9a3a22;
  --focus-ring: var(--accent);
  --read-sentence: #9a3a2229;
  --read-word: #9a3a2252;
  --grifo-amarelo: #e0a80066;
  --grifo-verde: #4c9a4f52;
  --grifo-azul: #3e7fc447;
  --grifo-rosa: #cc4e6e47;
  --success: #2f6b3a;
  --warning: #85560a;
  --danger: #a82a1e;
  --scrim: #2a1f1299;
  --shadow-popover: 0 4px 14px 0 rgba(58,47,32,0.16);
  --shadow-modal: 0 12px 32px 0 rgba(58,47,32,0.22);
  --shadow-sheet: 0 -8px 28px 0 rgba(58,47,32,0.18);
}

/* Claro */
body[data-theme="light"] {
  color-scheme: light;
  --bg: #fbfaf7;
  --surface: #ffffff;
  --surface-2: #f3f0ea;
  --border: #e4dfd5;
  --border-strong: #8a8378;
  --text: #1f1c18;
  --text-muted: #5e574d;
  --accent: #a23e26;
  --accent-hover: #8a3220;
  --on-accent: #ffffff;
  --accent-tint: #f6e3dc;
  --accent-text: #a23e26;
  --focus-ring: var(--accent);
  --read-sentence: #a23e2624;
  --read-word: #a23e264c;
  --grifo-amarelo: #e9b80061;
  --grifo-verde: #3fa34d4c;
  --grifo-azul: #3b82d947;
  --grifo-rosa: #e0527f47;
  --success: #2f6f3e;
  --warning: #8a5a00;
  --danger: #b3261e;
  --scrim: #1f1c1899;
  --shadow-popover: 0 4px 14px 0 rgba(58,47,32,0.16);
  --shadow-modal: 0 12px 32px 0 rgba(58,47,32,0.22);
  --shadow-sheet: 0 -8px 28px 0 rgba(58,47,32,0.18);
}

/* Escuro */
body[data-theme="dark"] {
  color-scheme: dark;
  --bg: #17181b;
  --surface: #1f2024;
  --surface-2: #27292e;
  --border: #33353b;
  --border-strong: #7c7f88;
  --text: #e8e4dc;
  --text-muted: #a9a69f;
  --accent: #e89272;
  --accent-hover: #f2a689;
  --on-accent: #2a110a;
  --accent-tint: #3a2620;
  --accent-text: #ee9e80;
  --focus-ring: var(--accent);
  --read-sentence: #e8927233;
  --read-word: #e8927261;
  --grifo-amarelo: #f0c4194c;
  --grifo-verde: #5bc46a42;
  --grifo-azul: #5b9bf04c;
  --grifo-rosa: #f0709a4c;
  --success: #6fcf83;
  --warning: #e8b04a;
  --danger: #ff8a80;
  --scrim: #000000b3;
  --shadow-popover: 0 4px 14px 0 rgba(0,0,0,0.55);
  --shadow-modal: 0 12px 32px 0 rgba(0,0,0,0.65);
  --shadow-sheet: 0 -8px 28px 0 rgba(0,0,0,0.6);
}

/* AMOLED */
body[data-theme="amoled"] {
  color-scheme: dark;
  --bg: #000000;
  --surface: #0c0c0d;
  --surface-2: #161617;
  --border: #26262a;
  --border-strong: #7a7c84;
  --text: #e6e2da;
  --text-muted: #a6a39c;
  --accent: #ee9a7b;
  --accent-hover: #f6ad93;
  --on-accent: #1e0a04;
  --accent-tint: #2a1913;
  --accent-text: #ee9a7b;
  --focus-ring: var(--accent);
  --read-sentence: #ee9a7b33;
  --read-word: #ee9a7b61;
  --grifo-amarelo: #f0c4194c;
  --grifo-verde: #5bc46a42;
  --grifo-azul: #5b9bf04c;
  --grifo-rosa: #f0709a4c;
  --success: #72d186;
  --warning: #ebb44f;
  --danger: #ff8a80;
  --scrim: #000000cc;
  --shadow-popover: 0 4px 14px 0 rgba(0,0,0,0.55);
  --shadow-modal: 0 12px 32px 0 rgba(0,0,0,0.65);
  --shadow-sheet: 0 -8px 28px 0 rgba(0,0,0,0.6);
}

/* Midnight */
body[data-theme="midnight"] {
  color-scheme: dark;
  --bg: #0e1525;
  --surface: #151e33;
  --surface-2: #1d2840;
  --border: #2a3654;
  --border-strong: #7f8db0;
  --text: #dee3f0;
  --text-muted: #a3adc6;
  --accent: #f0a27e;
  --accent-hover: #f6b596;
  --on-accent: #24100a;
  --accent-tint: #33263a;
  --accent-text: #f0a27e;
  --focus-ring: var(--accent);
  --read-sentence: #f0a27e33;
  --read-word: #f0a27e61;
  --grifo-amarelo: #f0c4194c;
  --grifo-verde: #5bc46a42;
  --grifo-azul: #6fa8f557;
  --grifo-rosa: #f0709a4c;
  --success: #6fcf83;
  --warning: #e8b04a;
  --danger: #ff8a80;
  --scrim: #050a14b3;
  --shadow-popover: 0 4px 14px 0 rgba(0,0,0,0.55);
  --shadow-modal: 0 12px 32px 0 rgba(0,0,0,0.65);
  --shadow-sheet: 0 -8px 28px 0 rgba(0,0,0,0.6);
}

/* Coffee */
body[data-theme="coffee"] {
  color-scheme: dark;
  --bg: #1d1510;
  --surface: #291d17;
  --surface-2: #34261e;
  --border: #46352a;
  --border-strong: #9a8472;
  --text: #eadcc9;
  --text-muted: #bba892;
  --accent: #e89a64;
  --accent-hover: #f0ac7c;
  --on-accent: #2a1204;
  --accent-tint: #47291b;
  --accent-text: #eca070;
  --focus-ring: var(--accent);
  --read-sentence: #e89a6433;
  --read-word: #e89a6461;
  --grifo-amarelo: #f0c4194c;
  --grifo-verde: #6cc06a42;
  --grifo-azul: #6fa8f54c;
  --grifo-rosa: #f0709a4c;
  --success: #7bcb85;
  --warning: #ebb44f;
  --danger: #ff8a80;
  --scrim: #0c0705b3;
  --shadow-popover: 0 4px 14px 0 rgba(0,0,0,0.55);
  --shadow-modal: 0 12px 32px 0 rgba(0,0,0,0.65);
  --shadow-sheet: 0 -8px 28px 0 rgba(0,0,0,0.6);
}

.swatch[data-preview="sepia"] { --sw-bg: #f4ecd8; --sw-accent: #9a3a22; }
.swatch[data-preview="light"] { --sw-bg: #fbfaf7; --sw-accent: #a23e26; }
.swatch[data-preview="dark"] { --sw-bg: #17181b; --sw-accent: #e89272; }
.swatch[data-preview="amoled"] { --sw-bg: #000000; --sw-accent: #ee9a7b; }
.swatch[data-preview="midnight"] { --sw-bg: #0e1525; --sw-accent: #f0a27e; }
.swatch[data-preview="coffee"] { --sw-bg: #1d1510; --sw-accent: #e89a64; }

@font-face {
  font-family: 'Fraunces';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(./brand/fraunces.woff2) format('woff2-variations');
}