/**
 * Figure First - High-End Editorial Luxury Design Tokens
 * Exact synchronization with the Editorial Scroll-Scrubbed System:
 * 'Inter Tight' typography, Deep Emerald, Champagne Gold & Radiant Pearl White
 */

:root {
    /* 1. Core Editorial Custom Properties (Primary) */
    --fg: #0d3b2e;                       /* Figure First Deep Emerald */
    --fg-soft: rgba(13, 59, 46, 0.72);   /* Soft emerald charcoal */
    --fg-faint: rgba(13, 59, 46, 0.45);  /* Faint metadata tone */
    --shade: #fbfbfb;                    /* Radiant Pearl White paper base */
    --rule: rgba(13, 59, 46, 0.16);      /* Subtle hairline divider */
    --ease: cubic-bezier(.22, .61, .36, 1);
    --pill-bg: #0d3b2e;                  /* Signature Deep Emerald Capsule */
    --pill-fg: #ffffff;
    --gold: #c5a059;                     /* Luminous Champagne Gold */
    --gold-glow: rgba(197, 160, 89, 0.28);

    /* 2. Unified Aliases for Site Components */
    --color-bg-pearl: var(--shade);
    --color-bg-porcelain: #f5f4f0;
    --color-bg-silk: #edebe6;
    --color-bg-card: #ffffff;
    --color-bg-glass: rgba(251, 251, 251, 0.94);
    --color-bg-glass-card: rgba(255, 255, 255, 0.88);
    --color-bg-dark-emerald: #061a14;
    --color-bg-emerald-deep: #0a261e;

    /* Brand Primary: Deep Clinical Emerald */
    --color-brand-emerald: var(--fg);
    --color-brand-emerald-dark: #061a14;
    --color-brand-emerald-light: #165643;
    --color-brand-emerald-glow: rgba(13, 59, 46, 0.10);
    --color-brand-green: #15803D;

    /* Luxury Accent: Champagne Gold */
    --color-accent-gold: var(--gold);
    --color-accent-gold-dark: #a7843f;
    --color-accent-gold-light: #dfba6b;
    --color-accent-gold-glow: var(--gold-glow);
    --color-accent-gold-fade: rgba(197, 160, 89, 0.10);

    /* Typography Colors - High Contrast & Crisp */
    --color-text-primary: var(--fg);
    --color-text-secondary: var(--fg-soft);
    --color-text-muted: var(--fg-faint);
    --color-text-light: #ffffff;

    /* Borders & Hairlines */
    --color-border: var(--rule);
    --color-border-subtle: rgba(13, 59, 46, 0.10);
    --color-border-emerald: var(--rule);
    --color-border-white: rgba(255, 255, 255, 0.20);

    /* Shadows & Glows */
    --shadow-subtle: 0 4px 20px rgba(13, 59, 46, 0.04);
    --shadow-soft: 0 10px 30px rgba(13, 59, 46, 0.07);
    --shadow-card: 0 16px 45px rgba(13, 59, 46, 0.08);
    --shadow-floating: 0 24px 60px rgba(13, 59, 46, 0.14);
    --shadow-gold-glow: 0 8px 32px rgba(197, 160, 89, 0.30);

    /* Typography System — Inter Tight Only, base weight 400 */
    --font-display: 'Inter Tight', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    --font-body: 'Inter Tight', 'Helvetica Neue', Helvetica, Arial, sans-serif;

    /* Fluid Typography Scales */
    --text-hero: clamp(2.4rem, 5.5vw, 5.5rem);
    --text-h1: clamp(2.1rem, 4.2vw, 4.2rem);
    --text-h2: clamp(1.75rem, 2.8vw, 3rem);
    --text-h3: clamp(1.35rem, 1.8vw, 2.1rem);
    --text-h4: clamp(1.1rem, 1.2vw, 1.45rem);
    --text-body-lg: clamp(1rem, 1.25vw, 1.2rem);
    --text-body: 1rem;
    --text-sm: 0.875rem;
    --text-xs: 0.78rem;

    /* Spacing System */
    --space-section: clamp(4rem, 6.5vw, 7.5rem);
    --space-inner: clamp(2rem, 3.5vw, 4rem);
    --container-max: 1320px;
    --container-padding: clamp(1.25rem, 3.4vw, 2.75rem);

    /* Transitions & Curves */
    --transition-fast: 0.25s var(--ease);
    --transition-smooth: 0.4s var(--ease);
    --transition-cinematic: 0.7s var(--ease);
    --transition-slow: 1.2s var(--ease);

    /* Radii */
    --radius-sm: 6px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 24px;
    --radius-pill: 999px;

    /* Z-Index Hierarchy */
    --z-base: 1;
    --z-sticky: 50;
    --z-header: 100;
    --z-floating: 200;
    --z-modal: 1000;
    --z-preloader: 9999;
}