/* ================================================
   TOKENS.CSS — Design System
   Conceito: Editorial dark com marsala
   ================================================ */
:root {
  /* Paleta */
  --ink:        #0D0907;
  --ink-soft:   #1E1410;
  --parchment:  #F2EAE1;
  --cream:      #FAF6F1;
  --warm-mid:   #C4A99A;
  --warm-muted: #8A6A5E;

  --rose:       #8C2D3B;   /* marsala escuro — accent primário */
  --rose-mid:   #B04458;
  --rose-pale:  #D4828F;
  --rose-blush: #EDD4D7;
  --rose-ghost: #F7ECEE;

  /* Tipografia */
  --f-head: 'Playfair Display', 'Georgia', serif;
  --f-sans: 'Outfit', system-ui, sans-serif;
  --f-mono: 'DM Mono', monospace;

  /* Escala */
  --t-tag:  0.68rem;
  --t-xs:   0.78rem;
  --t-sm:   0.88rem;
  --t-base: 1rem;
  --t-md:   1.12rem;
  --t-lg:   1.3rem;
  --t-xl:   1.6rem;
  --t-2xl:  2.1rem;
  --t-3xl:  3rem;
  --t-4xl:  4.2rem;
  --t-5xl:  5.8rem;
  --t-6xl:  7.5rem;

  /* Espaços */
  --s2:  0.5rem;  --s3:  0.75rem; --s4:  1rem;
  --s5:  1.25rem; --s6:  1.5rem;  --s8:  2rem;
  --s10: 2.5rem;  --s12: 3rem;    --s16: 4rem;
  --s20: 5rem;    --s24: 6rem;    --s32: 8rem;

  /* Layout */
  --max-w: 1280px;
  --pad-x: clamp(1.25rem, 5vw, 3.5rem);
  --section-y: clamp(5rem, 10vw, 10rem);

  /* Raios */
  --r-sm: 4px;
  --r-md: 10px;
  --r-lg: 20px;
  --r-xl: 36px;
  --r-pill: 9999px;

  /* Easing */
  --ease-out:    cubic-bezier(0.16, 1, 0.3, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --ease-expo:   cubic-bezier(0.87, 0, 0.13, 1);

  /* Z-layers */
  --z-bg: -1; --z-base: 1; --z-nav: 100;
  --z-float: 200; --z-cursor: 9000;
}