/* ==========================================================================
   1. VARIABLES
   Design tokens — colors, typography, spacing, layout.
   Reuse these everywhere instead of hardcoding values.
   ========================================================================== */

:root {
    /* ---- Colors ---- */
    --color-black: #000000;            /* Hero/footer base + dark sections   */
    --color-near-black: #0a0b0d;       /* Subtle dark fallback under video   */
    --color-white: #ffffff;
    --color-ink: #000000;             /* Primary dark text (headings)        */
    --color-body: #000000;            /* Body copy on light background       */
    --color-body-light: #eef1f4;      /* Body copy on dark/video background   */
    --color-muted: #838383;           /* "REGULATORY DISCLOSURE" label       */
    --color-muted-soft: #000000;      /* Investor-notice body text           */
    --color-footer-muted: #838383;    /* Footer address + disclaimer         */
    --color-notice-bg: #eef0f1;       /* Investor-notice callout background  */
    --color-accent: #d2521e;          /* Burnt-orange accent bar             */
    --color-divider: rgba(255, 255, 255, 0.28);

    /* ---- Typography ---- */
    --font-serif: "Libre Bodoni", Georgia, "Times New Roman", serif;
    --font-sans: "Cabinet Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI",
        Helvetica, Arial, sans-serif;

    /* Fluid type scale (min, preferred, max) */
    --fs-hero: clamp(2.25rem, 1.4rem + 3.4vw, 3.125rem);  /* ~36 -> 50px      */
    --fs-h2: 1.875rem;                                    /* 30px section h2  */
    --fs-logo: 1.625rem;                                  /* 26px header logo */
    --fs-footer-logo: 1.125rem;                           /* 18px footer brand*/
    --fs-disclosure: 1.125rem;                            /* 18px body copy   */
    --lh-disclosure: 1.5rem;                              /* 24px line-height */
    --fs-body: clamp(1rem, 0.96rem + 0.2vw, 1.0625rem);
    --fs-label: 0.875rem;                                 /* 14px label       */
    --fs-address: 1rem;                                   /* 16px footer addr */
    --fs-small: 0.875rem;                                 /* 14px footer      */

    --lh-tight: 1.1;
    --lh-heading: 1.15;
    --lh-body: 1.6em;

    /* ---- Spacing scale ---- */
    --space-xs: 0.5rem;
    --space-sm: 1rem;
    --space-md: 1.75rem;
    --space-lg: 2.75rem;
    --space-xl: 4.5rem;
    --space-2xl: 6.5rem;
    --space-section: clamp(2.5rem, 1.75rem + 2.5vw, 4rem); /* block top-margin */

    /* ---- Layout ---- */
    --header-height: 80px;
    --container-max: 1400px;
    --container-pad: clamp(1.25rem, 5.6vw, 6.875rem);     /* ~20 -> 110px     */
    --radius: 2px;

    /* ---- Effects ---- */
    --transition: 0.25s ease;
}