/* ==========================================================================
   CryoFlux Technologies — variables.css
   Global design tokens. Change a value here and it updates site-wide.
   ========================================================================== */

:root {
  /* Color -------------------------------------------------------------- */
  --bg:          #07090c;   /* page background                             */
  --bg-raised:   #0c1015;   /* card / band background                      */
  --panel:       #11161c;   /* form fields                                 */
  --line:        rgba(255, 255, 255, 0.14);
  --line-soft:   rgba(255, 255, 255, 0.08);
  --text:        #f3f5f7;
  --text-dim:    #aab3bb;
  --text-faint:  #7f8a93;
  --accent:      #e1701f;   /* copper glow from the approved rendering     */
  --ice:         #86bada;   /* cryogenic blue highlight                    */

  /* Type ---------------------------------------------------------------- */
  --serif: "EB Garamond", "Iowan Old Style", Georgia, "Times New Roman", serif;
  --sans:  "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;

  --fs-display:    clamp(2.6rem, 5.6vw, 4.6rem);
  --fs-display-sm: clamp(2.1rem, 4vw, 3.1rem);
  --fs-body:       1rem;
  --fs-small:      0.86rem;
  --fs-label:      0.66rem;
  --fs-btn:        0.7rem;

  --track-label: 0.24em;   /* letter-spacing for small caps labels          */
  --track-rail:  0.26em;   /* letter-spacing for the stacked word columns   */

  /* Layout --------------------------------------------------------------- */
  --shell:   1440px;
  --gutter:  clamp(20px, 4.2vw, 64px);
  --nav-h:   78px;
  --section-y: clamp(72px, 10vw, 128px);
}