:root {
    /* =========================================================
       FINVILLAHUB 2.0 — GLOBAL DESIGN TOKENS
       Luxury Financial Intelligence System
       ========================================================= */

    /* ---------- Core Background ---------- */
    --fv-bg: #03070a;
    --fv-bg-deep: #020406;
    --fv-bg-navy: #06111a;

    /* ---------- Surfaces ---------- */
    --fv-surface: #081218;
    --fv-surface-2: #0b171e;
    --fv-surface-3: #0e1d25;
    --fv-surface-glass: rgba(10, 23, 30, 0.78);

    /* ---------- Borders ---------- */
    --fv-border: rgba(255, 255, 255, 0.09);
    --fv-border-strong: rgba(255, 255, 255, 0.15);
    --fv-border-green: rgba(53, 243, 154, 0.22);
    --fv-border-gold: rgba(231, 201, 106, 0.28);

    /* ---------- Primary Luxury ---------- */
    --fv-emerald: #35f39a;
    --fv-emerald-deep: #0da968;

    /* ---------- Premium ---------- */
    --fv-champagne: #e7c96a;
    --fv-gold-soft: #f0d98a;
    --fv-platinum: #dce4e8;

    /* ---------- Intelligence ---------- */
    --fv-cyan: #47d8d0;
    --fv-sapphire: #4d8dff;
    --fv-purple: #a96cff;

    /* ---------- Semantic ---------- */
    --fv-positive: #35f39a;
    --fv-negative: #ff5264;
    --fv-caution: #f4c95d;
    --fv-neutral: #9aaab3;

    /* ---------- Typography ---------- */
    --fv-text: #f4f8f6;
    --fv-text-soft: #d5dfdc;
    --fv-muted: #91a19d;
    --fv-subtle: #64736f;

    /* ---------- Focus / Psychology ---------- */
    --fv-focus: var(--fv-cyan);
    --fv-calm: #6fa8c7;
    --fv-confidence: var(--fv-emerald);
    --fv-caution-state: var(--fv-caution);

    /* ---------- Radius ---------- */
    --fv-radius-sm: 8px;
    --fv-radius-md: 14px;
    --fv-radius-lg: 20px;
    --fv-radius-xl: 28px;

    /* ---------- Spacing ---------- */
    --fv-space-1: 4px;
    --fv-space-2: 8px;
    --fv-space-3: 12px;
    --fv-space-4: 16px;
    --fv-space-5: 20px;
    --fv-space-6: 24px;
    --fv-space-7: 32px;
    --fv-space-8: 40px;
    --fv-space-9: 56px;
    --fv-space-10: 72px;

    /* ---------- Shadows ---------- */
    --fv-shadow-soft: 0 12px 40px rgba(0, 0, 0, 0.24);
    --fv-shadow-deep: 0 24px 70px rgba(0, 0, 0, 0.38);

    /* ---------- Motion ---------- */
    --fv-transition-fast: 160ms ease;
    --fv-transition-normal: 260ms ease;
    --fv-transition-slow: 420ms ease;
}

/* =========================================================
   ACCESSIBILITY — Respect reduced motion preference
   ========================================================= */

@media (prefers-reduced-motion: reduce) {
    :root {
        --fv-transition-fast: 0ms;
        --fv-transition-normal: 0ms;
        --fv-transition-slow: 0ms;
    }
}