/* ─── DESIGN TOKENS ────────────────────────────────────────── */
:root{
  /* base — concreto curado, levemente quente */
  --bg:          #E8E6E1;
  --bg-2:        #DFDDD7;
  --bg-3:        #D4D2CB;
  --card:        #F2F1ED;
  --card-line:   rgba(58,58,60,0.10);
  --card-line-2: rgba(58,58,60,0.18);

  /* grafite — institucional Base Sul */
  --grafite:     #2A2A2C;
  --grafite-2:   #3A3A3C;
  --grafite-3:   #54545A;
  --grafite-4:   #84848A;

  /* amarelo Base Sul */
  --amarelo:     #FFC107;
  --amarelo-2:   #FFD140;
  --amarelo-3:   #E0A800;
  --amarelo-bg:  rgba(255,193,7,0.12);

  --branco:      #FAFAF8;

  /* type */
  --f-disp:  "Anton", "Bebas Neue", sans-serif;
  --f-body:  "Manrope", system-ui, sans-serif;
  --f-edit:  "Fraunces", Georgia, serif;

  /* layout */
  --pad-x:    5vw;
  --pad-sec:  110px;
  --radius:   6px;
  --radius-sm:2px;
  --shadow-sm: 0 6px 22px -8px rgba(42,42,44,0.35);
  --shadow-md: 0 18px 40px -22px rgba(42,42,44,0.30);
  --shadow-lg: 0 22px 50px -28px rgba(42,42,44,0.35);

  --ease:    cubic-bezier(.22,.61,.36,1);
}