/* =========================================================
   variables.css — design tokens
   Single source of truth. No magic numbers elsewhere.
   Ported verbatim from kaminoone/css/variables.css per
   DESIGN_SYSTEM.md §2.1 canonical brand palette.
========================================================= */

:root {

    /* ---- Brand palette ---- */
    --navy:    #11294A;
    --navy-2:  #081B36;
    --teal:    #0E7B6B;
    --blue:    #2A78BC;
    --purple:  #7E4196;
    --orange:  #F26A21;
    --slate:   #3A4A5A;

    /* ---- Neutrals ---- */
    --white:      #FFFFFF;
    --bg:         #F5F5F7;   /* Apple light grey */
    --bg-soft:    #FAFAFC;   /* near-white band */
    --ink:        #1D1D1F;   /* Apple near-black text */
    --ink-soft:   #6E6E73;   /* Apple secondary grey */
    --line:       #E3E3E6;

    /* ---- Surface / glass ---- */
    --glass:        rgba(255, 255, 255, .72);
    --glass-strong: rgba(255, 255, 255, .92);
    --glass-border: rgba(17, 41, 74, .08);

    /* ---- Typography ---- */
    --font: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;

    --fs-overline: clamp(.78rem, .7rem + .3vw, .92rem);
    --fs-body:     clamp(1.05rem, 1rem + .35vw, 1.25rem);
    --fs-lead:     clamp(1.25rem, 1.1rem + .8vw, 1.6rem);
    --fs-h3:       clamp(1.35rem, 1.2rem + .7vw, 1.75rem);
    --fs-h2:       clamp(2.4rem, 1.8rem + 3vw, 4.5rem);
    --fs-display:  clamp(3.2rem, 2rem + 7vw, 8.5rem);

    --tracking-tight: -.04em;
    --tracking-display: -.055em;
    --tracking-wide: .32em;

    /* ---- Spacing scale ---- */
    --space-1: .5rem;
    --space-2: 1rem;
    --space-3: 1.5rem;
    --space-4: 2rem;
    --space-5: 3rem;
    --space-6: 4.5rem;
    --space-7: 7rem;
    --chapter: clamp(7rem, 4rem + 9vw, 12rem);

    /* ---- Radius ---- */
    --r-sm:  12px;
    --r-md:  20px;
    --r-lg:  28px;
    --r-xl:  40px;
    --r-pill: 999px;

    /* ---- Shadows (soft, layered) ---- */
    --shadow-sm: 0 4px 20px rgba(17, 41, 74, .05);
    --shadow-md: 0 18px 50px rgba(17, 41, 74, .09);
    --shadow-lg: 0 40px 110px rgba(17, 41, 74, .14);
    --shadow-glow: 0 30px 90px rgba(14, 123, 107, .18);

    /* ---- Layout ---- */
    --container: 1240px;
    --container-wide: 1440px;

    /* ---- Unified logo sizing ---- */
    --logo-h: 42px;        /* standard one-line brand logo height */
    --logo-h-lg: 56px;     /* prominent contexts (footer / cta master) */

    /* ---- Motion ---- */
    --ease: cubic-bezier(.22, .61, .36, 1);
    --ease-out: cubic-bezier(.16, 1, .3, 1);
    --dur-fast: .35s;
    --dur: .6s;
    --dur-slow: 1s;
}