/* ==========================================================================
   HONEYPOT RECRUITING — BRAND TOKENS
   Single source of truth. Every hex in the brand guide lives here.
   Do not hard-code colors anywhere else in the codebase.
   ========================================================================== */

:root {
  /* ---- Core neutrals ------------------------------------------------- */
  --hp-black:        #000000;   /* True black. Print + absolute backgrounds.  */
  --hp-obsidian:     #0A0A0B;   /* PRIMARY page background.                   */
  --hp-charcoal:     #121214;   /* Raised surfaces, header when stuck.        */
  --hp-graphite:     #1A1A1D;   /* Section banding, table stripes.            */
  --hp-slate:        #26262B;   /* Hairlines, dividers, inactive strokes.     */

  /* ---- Golds --------------------------------------------------------- */
  --hp-gold:         #E3B23C;   /* PRIMARY. Buttons, links, key accents.      */
  --hp-gold-light:   #F0CB74;   /* Hover states, small type on black.         */
  --hp-champagne:    #F7E3A1;   /* Gradient highlight only. Never solid text. */
  --hp-bronze:       #B8862F;   /* Gradient shadow, pressed states, borders.  */
  --hp-amber-deep:   #7A5714;   /* Deep shadow tone. Decorative only.         */

  /* ---- Text ---------------------------------------------------------- */
  --hp-cream:        #F5F1E8;   /* PRIMARY text on dark. Never pure white.    */
  --hp-white:        #FFFFFF;   /* Logo knockout + max-contrast headlines.    */
  --hp-mist:         #A5A3AC;   /* Body copy, secondary.                      */
  --hp-ash:          #6E6C76;   /* Captions, meta, disabled.                  */

  /* ---- Signal (sparing use) ------------------------------------------ */
  --hp-success:      #4BAE7E;
  --hp-warning:      #E3873C;
  --hp-error:        #D9534F;

  /* ---- Gradients ----------------------------------------------------- */
  --hp-grad-gold: linear-gradient(135deg,
                    var(--hp-champagne) 0%,
                    var(--hp-gold) 32%,
                    var(--hp-bronze) 62%,
                    #E8C468 84%,
                    var(--hp-champagne) 100%);
  --hp-grad-gold-flat: linear-gradient(135deg, var(--hp-gold-light), var(--hp-bronze));
  --hp-grad-surface: linear-gradient(160deg,
                    rgba(255,255,255,0.055) 0%,
                    rgba(255,255,255,0.018) 46%,
                    rgba(255,255,255,0.004) 100%);

  /* ---- Glass system -------------------------------------------------- */
  --glass-bg:        rgba(255, 255, 255, 0.035);
  --glass-bg-strong: rgba(255, 255, 255, 0.062);
  --glass-border:    rgba(227, 178, 60, 0.16);
  --glass-border-hi: rgba(240, 203, 116, 0.42);
  --glass-inner:     inset 0 1px 0 rgba(255, 255, 255, 0.085);
  --glass-blur:      blur(18px) saturate(135%);

  /* ---- Elevation ----------------------------------------------------- */
  --shadow-sm:  0 2px 10px rgba(0,0,0,.42);
  --shadow-md:  0 14px 38px rgba(0,0,0,.52);
  --shadow-lg:  0 30px 72px rgba(0,0,0,.62);
  --glow-gold:  0 0 0 1px rgba(227,178,60,.24), 0 16px 48px rgba(227,178,60,.16);
  --glow-gold-strong: 0 0 0 1px rgba(240,203,116,.42), 0 22px 62px rgba(227,178,60,.28);

  /* ---- Type ---------------------------------------------------------- */
  --font-display: 'Sora', 'Poppins', 'Montserrat', 'Helvetica Neue', Arial, sans-serif;
  --font-body:    'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
  --font-mono:    'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  /* Fluid scale — 360px → 1440px viewport */
  --fs-display: clamp(2.85rem, 1.45rem + 6.2vw, 6.25rem);
  --fs-h1:      clamp(2.35rem, 1.35rem + 4.4vw, 4.25rem);
  --fs-h2:      clamp(1.85rem, 1.20rem + 2.9vw, 3.05rem);
  --fs-h3:      clamp(1.32rem, 1.06rem + 1.15vw, 1.85rem);
  --fs-h4:      clamp(1.08rem, 0.98rem + 0.42vw, 1.28rem);
  --fs-lead:    clamp(1.06rem, 0.98rem + 0.42vw, 1.28rem);
  --fs-body:    1rem;
  --fs-sm:      0.9125rem;
  --fs-xs:      0.8125rem;
  --fs-eyebrow: 0.7375rem;

  /* ---- Space (8pt) ---------------------------------------------------- */
  --sp-1: .25rem;  --sp-2: .5rem;   --sp-3: .75rem;  --sp-4: 1rem;
  --sp-5: 1.5rem;  --sp-6: 2rem;    --sp-7: 2.75rem; --sp-8: 3.5rem;
  --sp-9: 5rem;    --sp-10: 7rem;   --sp-11: 9.5rem;

  /* ---- Geometry ------------------------------------------------------- */
  --r-xs: 6px;  --r-sm: 10px;  --r-md: 16px;  --r-lg: 22px;
  --r-xl: 30px; --r-pill: 999px;
  --container: 1220px;
  --container-narrow: 820px;
  --header-h: 78px;

  /* ---- Motion --------------------------------------------------------- */
  --ease-out:  cubic-bezier(.22, .68, .32, 1);
  --ease-soft: cubic-bezier(.4, 0, .2, 1);
  --t-fast: .18s;  --t-mid: .34s;  --t-slow: .62s;
}