:root {
    --type-reading: 'Spectral', Georgia, serif;
    --type-heading: 'Bitter', Georgia, serif;
    --type-ui: 'JetBrains Mono', monospace;

    --canvas: rgb(238 243 250);
    --canvas-soft: rgb(219 230 244);
    --panel-surface: rgb(251 248 238);
    --choice-hover: rgb(248 241 222);
    --choice-selected: rgb(242 230 200);

    --text-main: rgb(10 18 32);
    --text-muted: rgb(58 77 110);
    --text-accent: rgb(18 51 103);
    --text-on-primary: rgb(205 217 236);

    --navy-deep: rgb(5 15 36);
    --navy-strong: rgb(11 33 69);
    --navy-mid: rgb(18 51 103);
    --navy-bright: rgb(26 68 136);
    --brand-blue: rgb(23 61 120);

    --signal: rgb(200 16 46);
    --signal-soft: rgb(226 51 63);
    --danger: rgb(140 47 36);
    --danger-surface: rgb(243 222 216);
    --success: rgb(31 107 74);
    --success-surface: rgb(220 237 227);

    --line: rgb(169 188 214);
    --card-shadow: 0 10px 30px -12px rgb(5 15 36 / 45%);

    --app-background: var(--canvas);
    --surface: var(--panel-surface);
    --surface-soft: var(--canvas-soft);
    --muted-text: var(--text-muted);
    --primary-navy: var(--navy-strong);
    --primary-blue: var(--text-accent);
    --border-color: var(--line);
}

:root[data-theme="dark"] {
    --canvas: rgb(10 18 32);
    --canvas-soft: rgb(16 29 51);
    --panel-surface: rgb(16 29 51);
    --choice-hover: rgb(22 41 74);
    --choice-selected: rgb(28 47 82);

    --text-main: rgb(232 237 246);
    --text-muted: rgb(159 179 209);
    --text-accent: rgb(127 176 255);
    --text-on-primary: rgb(205 217 236);

    --signal: rgb(255 90 104);
    --signal-soft: rgb(255 136 146);
    --danger: rgb(255 107 91);
    --danger-surface: rgb(58 26 22);
    --success: rgb(61 220 151);
    --success-surface: rgb(18 53 40);
    --line: rgb(44 68 104);
    --card-shadow: 0 10px 34px -12px rgb(0 0 0 / 70%);
}


/* Contraste reforçado no modo claro */
:root:not([data-theme="dark"]),
:root[data-theme="light"] {
    --text-main: rgb(7 17 31);
    --text-muted: rgb(45 63 91);
    --text-accent: rgb(15 45 92);
    --panel-surface: rgb(255 253 247);
    --canvas: rgb(241 245 250);
    --canvas-soft: rgb(224 233 244);
    --line: rgb(151 174 204);
}