/* assets/variables.css */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700;900&family=JetBrains+Mono:wght@400;500&display=swap');

:root {
    /* THE VOID */
    --bg-void: #030304;
    --bg-panel: rgba(20, 20, 23, 0.4);
    --bg-card: rgba(255, 255, 255, 0.02);
    --bg-card-hover: rgba(255, 255, 255, 0.04);

    /* THE SIGNAL */
    --accent-primary: #D4AF37;
    /* Institutional Gold (Desaturated) */
    --accent-glow: rgba(212, 175, 55, 0.3);
    --accent-data: #10b981;
    /* Terminal Green */
    --accent-error: #ef4444;
    /* System Red */

    /* TYPOGRAPHY */
    --text-primary: #f8fafc;
    /* Slate 50 */
    --text-secondary: #94a3b8;
    /* Slate 400 */
    --text-muted: #64748b;
    /* Slate 500 */

    --font-sans: 'Inter', sans-serif;
    --font-mono: 'JetBrains Mono', monospace;

    /* BORDERS */
    --border-subtle: rgba(255, 255, 255, 0.08);
    --border-highlight: rgba(255, 255, 255, 0.15);

    /* SPACING */
    --header-height: 72px;
    --container-width: 1200px;

    /* ANIMATION */
    --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
}