/* ============================================================
   TOKENS — Sam Novakoski Portfolio
   Fonte da verdade para cores, tipografia e espaçamento
   ============================================================ */

:root {

  /* CORES */
  --electric-blue:  #3B6FF0;
  --navy-deep:      #1A2A6C;
  --cosmic-navy:    #0D1B4B;
  --deep-shadow:    #070E2B;
  --glacier-blue:   #8BACD0;
  --ice-blue:       #C8D9EE;
  --white:          #FFFFFF;
  --electric-glow:  #5B8FFF;

  /* COR DO LOGO (muda por seção via JS) */
  --logo-color: var(--white);

  /* TIPOGRAFIA */
  --font-main: 'Plus Jakarta Sans', 'Nunito', sans-serif;

  --text-display:  clamp(72px, 10vw, 160px);
  --text-h1:       clamp(48px, 6vw, 96px);
  --text-h2:       clamp(36px, 5vw, 72px);
  --text-h3:       clamp(24px, 3vw, 40px);
  --text-body:     clamp(16px, 1.2vw, 18px);
  --text-label:    13px;

  --weight-regular:    400;
  --weight-semibold:   600;
  --weight-bold:       700;
  --weight-extrabold:  800;

  --leading-tight:  1.1;
  --leading-normal: 1.7;
  --tracking-tight: -0.03em;
  --tracking-wide:  0.12em;

  /* ESPAÇAMENTO */
  --space-xs:   8px;
  --space-sm:   16px;
  --space-md:   32px;
  --space-lg:   64px;
  --space-xl:   128px;
  --space-2xl:  200px;

  /* LAYOUT */
  --max-width:    1440px;
  --gutter:       clamp(24px, 5vw, 80px);

  /* ANIMAÇÃO */
  --ease-out-expo:   cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out:     cubic-bezier(0.87, 0, 0.13, 1);
  --duration-fast:   0.3s;
  --duration-mid:    0.6s;
  --duration-slow:   1s;

  /* Z-INDEX */
  --z-grain:     9999;
  --z-cursor:    9998;
  --z-preloader: 9997;
  --z-nav:       100;
  --z-modal:     200;
}