File size: 1,921 Bytes
33962ff | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 | @import "tailwindcss";
/* Dark-only UI. Chart chrome + ink follow the dataviz reference palette (dark column). */
:root {
color-scheme: dark;
--page: #0d0d0d;
--surface: #1a1a19;
--surface-2: #232322;
--text-primary: #ffffff;
--text-secondary: #c3c2b7;
--text-muted: #898781;
--grid: #2c2c2a;
--baseline: #383835;
--border: rgba(255, 255, 255, 0.1);
--accent: #3987e5;
/* Categorical slots, fixed order, validated for the dark surface (scripts/validate_palette.js). */
--series-1: #3987e5;
--series-2: #d95926;
--series-3: #199e70;
--series-4: #c98500;
--series-5: #d55181;
--series-6: #008300;
}
@theme inline {
--color-page: var(--page);
--color-surface: var(--surface);
--color-surface-2: var(--surface-2);
--color-ink: var(--text-primary);
--color-ink-2: var(--text-secondary);
--color-muted: var(--text-muted);
--color-grid: var(--grid);
--color-line: var(--border);
--color-accent: var(--accent);
--font-sans: system-ui, -apple-system, "Segoe UI", sans-serif;
--font-mono: ui-monospace, SFMono-Regular, Consolas, monospace;
}
body {
background: var(--page);
color: var(--text-primary);
}
.tabular {
font-variant-numeric: tabular-nums;
}
/* Answer markdown */
.prose-answer p { margin: 0.5rem 0; line-height: 1.6; }
.prose-answer ul { list-style: disc; padding-left: 1.25rem; margin: 0.5rem 0; }
.prose-answer ol { list-style: decimal; padding-left: 1.25rem; margin: 0.5rem 0; }
.prose-answer li { margin: 0.25rem 0; }
.prose-answer strong { color: var(--text-primary); }
.prose-answer code { font-family: var(--font-mono); font-size: 0.85em; background: var(--surface-2); padding: 0.1rem 0.3rem; border-radius: 4px; }
button:not(:disabled), summary { cursor: pointer; }
button:disabled { opacity: .45; cursor: not-allowed; }
:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
input, select, textarea { max-width: 100%; }
|