/* SOURCE ---1vsm.com/brand/tokens/tokens.css @6e3a0084b6076bbc122816e045647934 — do not edit, re-copy */
/**
 * 1vsM Design Tokens — CSS Custom Properties
 * Generated from tokens.json v1.0.0
 *
 * Usage: @import url('./brand/tokens/tokens.css');
 * Source of truth: brand/tokens/tokens.json
 */

:root {
    /* ========================================
       COLOR — Gold Scale
       ======================================== */
    --gold-50:  #FFF8E1;
    --gold-100: #FFECB3;
    --gold-200: #F1D279;
    --gold-300: #E8C84D;
    --gold-400: #D4AF37;   /* Primary brand gold */
    --gold-500: #C9A023;
    --gold-600: #A6891F;
    --gold-700: #8A7019;
    --gold-800: #6E5813;
    --gold-900: #52400D;

    /* RGB channels (for alpha compositing) */
    --gold-400-rgb: 212, 175, 55;
    --gold-200-rgb: 241, 210, 121;
    --gold-600-rgb: 166, 137, 31;

    /* ========================================
       COLOR — Neutral Scale
       ======================================== */
    --neutral-50:  #F5F5F5;  /* text-primary */
    --neutral-100: #E0E0E0;
    --neutral-200: #BDBDBD;
    --neutral-300: #A0A0A0;  /* text-muted */
    --neutral-400: #757575;
    --neutral-500: #424242;
    --neutral-600: #2A2A2A;
    --neutral-700: #1A1A1A;
    --neutral-800: #0F0F0F;
    --neutral-900: #0A0A0A;  /* bg-primary */
    --neutral-950: #050505;  /* bg-deepest */

    /* RGB channels */
    --neutral-50-rgb:  245, 245, 245;
    --neutral-900-rgb: 10, 10, 10;
    --neutral-950-rgb: 5, 5, 5;

    /* ========================================
       COLOR — Semantic Aliases
       ======================================== */
    --primary:       var(--gold-400);
    --primary-light: var(--gold-200);
    --primary-dark:  var(--gold-600);
    --bg-dark:       var(--neutral-900);
    --bg-darker:     var(--neutral-950);
    --text-light:    var(--neutral-50);
    --text-muted:    var(--neutral-300);

    /* ========================================
       COLOR — Semantic Status
       ======================================== */
    --success:       #4CAF50;
    --success-light: #81C784;
    --warning:       #FFB74D;
    --warning-light: #FFD54F;
    --error:         #FF6B6B;
    --error-light:   #FF8A80;
    --info:          #64B5F6;

    /* RGB channels */
    --success-rgb: 76, 175, 80;
    --warning-rgb: 255, 183, 77;
    --error-rgb:   255, 107, 107;
    --info-rgb:    100, 181, 246;

    /* ========================================
       COLOR — Glass Effects
       ======================================== */
    --glass-bg:            rgba(255, 255, 255, 0.03);
    --glass-bg-hover:      rgba(255, 255, 255, 0.06);
    --glass-bg-active:     rgba(255, 255, 255, 0.09);
    --glass-border:        rgba(255, 255, 255, 0.10);
    --glass-border-hover:  rgba(var(--gold-400-rgb), 0.30);
    --glass-border-active: rgba(var(--gold-400-rgb), 0.50);
    --glass-blur:          blur(12px);

    /* ========================================
       TYPOGRAPHY — Font Families
       ======================================== */
    --font-heading: 'Outfit', system-ui, -apple-system, sans-serif;
    --font-body:    'Inter', system-ui, -apple-system, sans-serif;
    --font-mono:    'JetBrains Mono', ui-monospace, 'Courier New', monospace;

    /* ========================================
       TYPOGRAPHY — Font Weights
       ======================================== */
    --weight-light:     300;
    --weight-regular:   400;
    --weight-medium:    500;
    --weight-semibold:  600;
    --weight-bold:      700;
    --weight-extrabold: 800;

    /* ========================================
       TYPOGRAPHY — Font Sizes
       ======================================== */
    --text-xs:      0.75rem;   /* 12px */
    --text-sm:      0.875rem;  /* 14px */
    --text-base:    1rem;      /* 16px */
    --text-lg:      1.125rem;  /* 18px */
    --text-xl:      1.25rem;   /* 20px */
    --text-2xl:     1.5rem;    /* 24px */
    --text-3xl:     2rem;      /* 32px */
    --text-4xl:     2.5rem;    /* 40px */
    --text-5xl:     3.5rem;    /* 56px */
    --text-display: clamp(3rem, 8vw, 5rem);

    /* ========================================
       TYPOGRAPHY — Line Heights
       ======================================== */
    --leading-tight:   1.1;
    --leading-snug:    1.2;
    --leading-normal:  1.4;
    --leading-relaxed: 1.6;
    --leading-loose:   1.7;

    /* ========================================
       TYPOGRAPHY — Letter Spacing
       ======================================== */
    --tracking-tighter: -0.02em;
    --tracking-tight:   -0.015em;
    --tracking-normal:  0;
    --tracking-wide:    0.02em;
    --tracking-wider:   0.06em;
    --tracking-widest:  0.08em;

    /* ========================================
       SPACING
       ======================================== */
    --space-0:  0;
    --space-1:  0.25rem;   /* 4px  */
    --space-2:  0.5rem;    /* 8px  */
    --space-3:  0.75rem;   /* 12px */
    --space-4:  1rem;      /* 16px */
    --space-5:  1.25rem;   /* 20px */
    --space-6:  1.5rem;    /* 24px */
    --space-8:  2rem;      /* 32px */
    --space-10: 2.5rem;    /* 40px */
    --space-12: 3rem;      /* 48px */
    --space-16: 4rem;      /* 64px */
    --space-20: 5rem;      /* 80px */
    --space-24: 6rem;      /* 96px */

    --container:         1200px;
    --container-padding: 2rem;

    /* ========================================
       BORDER RADIUS
       ======================================== */
    --radius-sm:   4px;
    --radius-md:   6px;
    --radius-base: 8px;
    --radius-lg:   12px;
    --radius-xl:   16px;
    --radius-2xl:  24px;
    --radius-full: 9999px;

    /* ========================================
       SHADOWS
       ======================================== */
    --shadow-sm:       0 2px 4px rgba(0, 0, 0, 0.3);
    --shadow-md:       0 4px 12px rgba(0, 0, 0, 0.4);
    --shadow-lg:       0 8px 24px rgba(0, 0, 0, 0.4);
    --shadow-xl:       0 12px 40px rgba(0, 0, 0, 0.5);
    --shadow-2xl:      0 24px 64px rgba(0, 0, 0, 0.6);
    --shadow-glow:     0 0 24px rgba(var(--gold-400-rgb), 0.25);
    --shadow-glow-lg:  0 8px 40px rgba(var(--gold-400-rgb), 0.3);
    --shadow-inner:    inset 0 1px 2px rgba(0, 0, 0, 0.3);

    /* ========================================
       MOTION — Duration
       ======================================== */
    --motion-instant:  100ms;
    --motion-fast:     200ms;
    --motion-standard: 400ms;
    --motion-emphasis: 600ms;
    --motion-dramatic: 800ms;

    /* ========================================
       MOTION — Easing
       ======================================== */
    --ease-standard:   cubic-bezier(0.4, 0, 0.2, 1);
    --ease-decelerate: cubic-bezier(0.0, 0, 0.2, 1);
    --ease-accelerate: cubic-bezier(0.4, 0, 1, 1);
    --ease-bounce:     cubic-bezier(0.34, 1.56, 0.64, 1);

    /* Compound motion shortcuts */
    --transition-fast:     var(--motion-fast) var(--ease-standard);
    --transition-standard: var(--motion-standard) var(--ease-standard);
    --transition-emphasis: var(--motion-emphasis) var(--ease-decelerate);

    /* ========================================
       BREAKPOINTS (for reference — use @media)
       ======================================== */
    --bp-xs:  480px;
    --bp-sm:  640px;
    --bp-md:  768px;
    --bp-lg:  968px;
    --bp-xl:  1200px;
    --bp-2xl: 1440px;
}

/* ============================================
   REDUCED MOTION — Accessibility
   ============================================ */
@media (prefers-reduced-motion: reduce) {
    :root {
        --motion-instant:  0.01ms;
        --motion-fast:     0.01ms;
        --motion-standard: 0.01ms;
        --motion-emphasis: 0.01ms;
        --motion-dramatic: 0.01ms;
    }
}