:root {
    /* Core palette (spec §31) */
    --bg: #08090D;
    --surface: #101218;
    --surface-2: #161923;
    --border: #1E222D;
    --primary: #6366F1;
    --secondary: #8B5CF6;
    --text: #F8FAFC;
    --muted: #94A3B8;

    /* Aliases kept for compatibility with reused LOCO views */
    --panel: var(--surface);
    --panel-soft: var(--surface-2);
    --accent: var(--primary);
    --accent-2: var(--secondary);

    --success: #22C55E;
    --danger: #EF4444;
    --warning: #F59E0B;

    --radius-sm: 8px;
    --radius: 14px;
    --radius-lg: 20px;
    --container: 1280px;

    --font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --font-display: "Archivo", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

    --shadow-soft: 0 1px 2px rgba(0,0,0,0.4), 0 8px 24px rgba(0,0,0,0.35);
    --shadow-glow: 0 0 0 1px rgba(99,102,241,0.35), 0 8px 30px rgba(99,102,241,0.15);
    --shadow-glow-lg: 0 0 0 1px rgba(99,102,241,0.3), 0 16px 48px rgba(99,102,241,0.25);

    --notch: 14px;
    --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
}