:root {
    /* === BRAND === */
    --axiom-font: 'DM Sans', sans-serif;
    --axiom-font-disp: 'DM Serif Display', serif;
    --app-font-size: clamp(0.95rem, 1vw, 1.1rem);
    /* === BRAND === */
    --axiom-primary: #14b8a6;
    --axiom-primary-strong: #0d9488;
    --axiom-primary-soft: #8cf2e7;
    --axiom-primary-faded: #dffbf8;
    /* === BACKGROUND === */
    --axiom-bg: #2B2B2B;
    --axiom-bg-elevated: #0b1220;
    --axiom-bg-surface: #111827;
    --axiom-bg-alt: #0D1B30;
    --axiom-bg-lite: #dde8e7;
    /* === TEXT === */
    --axiom-text-main: #e5e7eb;
    --axiom-text-muted: #9ca3af;
    --axiom-text-dim: #6b7280;
    --axiom-text-orange: #A55426;
    --axiom-text-bright: #CAC9C1;
    --axiom-text-navy: #08101E;
    --axiom-navy-light: #122240;
    --axiom-navy-mid: #0D1B30;
    /* === BORDERS === */
    --axiom-border-subtle: rgba(255,255,255,0.06);
    --axiom-border-accent: rgba(0, 196, 160, 0.3);
    /* === GRID === */
    --axiom-grid-line: rgba(20,184,166,0.05);
}