/* ==========================================================================
   Glowmigos — Design tokens
   Colour, type, spacing and lighting primitives derived from the Brand Kit.
   ========================================================================== */

:root {
  /* --- Brand: core ------------------------------------------------------ */
  --c-navy:        #071B4B;  /* Midnight Navy  */
  --c-blue:        #09BCEB;  /* Electric Blue  */
  --c-cyan:        #45E7F7;  /* Bright Cyan    */
  --c-gold:        #FFB511;  /* Glow Gold      */
  --c-sun:         #FFD52A;  /* Sunshine       */

  /* --- Brand: accents --------------------------------------------------- */
  --c-pink:        #F139B7;  /* Fiesta Pink    */
  --c-green:       #57D927;  /* Yard Green     */
  --c-red:         #FF3B30;  /* Holiday Red    */
  --c-orange:      #FF6B16;  /* Warm Orange    */
  --c-purple:      #8B5CF6;  /* Halloween pair for orange (UI only) */

  /* --- Surfaces: night -------------------------------------------------- */
  --s-abyss:       #030B1F;
  --s-deep:        #04102E;
  --s-navy:        #071B4B;
  --s-raised:      #0A2560;
  --s-lifted:      #10307A;
  --s-charcoal:    #12161F;

  /* --- Surfaces: warm --------------------------------------------------- */
  --s-cream:       #FFF6E6;
  --s-cream-2:     #F6E9D2;

  /* --- Ink -------------------------------------------------------------- */
  --t-bright:      #FFFFFF;
  --t-body:        #C9D8F2;
  --t-muted:       #8CA3CE;
  --t-dim:         #5F779F;
  --t-onCream:     #071B4B;
  --t-onCreamSoft: #3C4E75;

  /* --- Lighting temperature (used by the fixtures) ---------------------- */
  --l-warm:        #FFD9A0;
  --l-warmer:      #FFC46B;
  --l-white:       #FFF4E2;
  --l-cool:        #DFF6FF;

  /* --- Type ------------------------------------------------------------- */
  --f-display: "Poppins", "Montserrat", system-ui, -apple-system, "Segoe UI", sans-serif;
  --f-body:    "Poppins", "Montserrat", system-ui, -apple-system, "Segoe UI", sans-serif;

  --fs-eyebrow: 0.72rem;
  --fs-micro:   0.78rem;
  --fs-small:   0.875rem;
  --fs-body:    clamp(1rem, 0.96rem + 0.2vw, 1.0625rem);
  --fs-lead:    clamp(1.06rem, 1rem + 0.42vw, 1.28rem);
  --fs-h3:      clamp(1.25rem, 1.1rem + 0.7vw, 1.6rem);
  --fs-h2:      clamp(1.85rem, 1.4rem + 2.1vw, 3.1rem);
  --fs-h1:      clamp(2.3rem, 1.6rem + 3.1vw, 3.95rem);

  --lh-tight:  1.02;
  --lh-snug:   1.18;
  --lh-body:   1.62;

  --tr-tight:  -0.028em;
  --tr-wide:   0.16em;
  --tr-wider:  0.24em;

  /* --- Space ------------------------------------------------------------ */
  --sp-1: 0.25rem; --sp-2: 0.5rem;  --sp-3: 0.75rem; --sp-4: 1rem;
  --sp-5: 1.5rem; --sp-6: 2rem;     --sp-7: 3rem;    --sp-8: 4rem;
  --sp-9: 6rem;   --sp-10: 8rem;

  --section-y: clamp(4.5rem, 3rem + 7vw, 9rem);
  --gutter:    clamp(1.15rem, 0.6rem + 2.4vw, 3.5rem);
  --maxw:      1320px;
  --ticker-h:  34px;
  --maxw-text: 62ch;

  /* --- Radii / borders -------------------------------------------------- */
  --r-sm: 6px; --r-md: 12px; --r-lg: 20px; --r-xl: 30px; --r-pill: 999px;
  --hairline: rgba(137, 176, 255, 0.16);
  --hairline-strong: rgba(137, 176, 255, 0.3);

  /* --- Motion ----------------------------------------------------------- */
  --e-out:   cubic-bezier(0.22, 1, 0.36, 1);
  --e-inout: cubic-bezier(0.65, 0, 0.35, 1);
  --e-pop:   cubic-bezier(0.34, 1.56, 0.64, 1);
  --d-fast: 180ms; --d-mid: 340ms; --d-slow: 620ms;

  /* --- Ambient glow strength ------------------------------------------- *
   * Driven by Glow Mode + Light Show. 0 = dark, 1 = ambient, 1.6 = show.  */
  --glow: 0;
  --glow-ambient: 0;

  --z-scene: 1; --z-content: 5; --z-dock: 60; --z-nav: 70; --z-show: 90; --z-modal: 100;
}

/* Fonts — self-hosted latin subsets, swap so text is never invisible. */
@font-face {
  font-family: "Poppins"; font-style: normal; font-weight: 400; font-display: swap;
  src: url("../fonts/poppins-400.woff2") format("woff2");
}
@font-face {
  font-family: "Poppins"; font-style: normal; font-weight: 600; font-display: swap;
  src: url("../fonts/poppins-600.woff2") format("woff2");
}
@font-face {
  font-family: "Poppins"; font-style: normal; font-weight: 800; font-display: swap;
  src: url("../fonts/poppins-800.woff2") format("woff2");
}