:root {

    /* =====================================================
       GTPRO BRAND
    ===================================================== */

    --gt-primary: #2563eb;
    --gt-primary-hover: #1d4ed8;
    --gt-primary-soft: #dbeafe;

    --gt-secondary: #0f172a;
    --gt-secondary-light: #1e293b;

    --gt-accent: #38bdf8;

    /* =====================================================
       AI / COGNITIVE
    ===================================================== */

    --gt-ai: #6366f1;
    --gt-ai-soft: rgba(99,102,241,.12);

    --gt-quantum: #0ea5e9;
    --gt-quantum-soft: rgba(14,165,233,.12);

    /* =====================================================
       SURFACES
    ===================================================== */

    --gt-bg: #f4f7fb;

    --gt-surface: #ffffff;
    --gt-surface-hover: #f8fafc;

    --gt-surface-glass: rgba(255,255,255,.7);

    --gt-border: #e2e8f0;

    /* =====================================================
       TEXT
    ===================================================== */

    --gt-text: #0f172a;
    --gt-text-soft: #475569;
    --gt-text-muted: #94a3b8;

    /* =====================================================
       STATUS
    ===================================================== */

    --gt-success: #10b981;
    --gt-success-soft: rgba(16,185,129,.12);

    --gt-warning: #f59e0b;
    --gt-warning-soft: rgba(245,158,11,.12);

    --gt-danger: #ef4444;
    --gt-danger-soft: rgba(239,68,68,.12);

    --gt-info: #0ea5e9;
    --gt-info-soft: rgba(14,165,233,.12);

    /* =====================================================
       EFFECTS
    ===================================================== */

    --gt-radius-sm: 10px;
    --gt-radius: 16px;
    --gt-radius-lg: 24px;

    --gt-shadow-sm:
        0 1px 2px rgba(15,23,42,.04);

    --gt-shadow:
        0 8px 24px rgba(15,23,42,.06);

    --gt-shadow-lg:
        0 20px 50px rgba(15,23,42,.12);

    --gt-transition:
        all .25s ease;
}