/* =============================================================================
   ARENA DO DINHEIRO — Design Tokens
   Color + Type foundation for the editorial financial-news portal.

   Fonts loaded from Google Fonts:
     - Inter Tight → display & headlines
     - Inter       → body, UI, labels, eyebrows
     - IBM Plex Mono → tickers, codes, data figures
   As fontes são carregadas via <link> em inc/enqueue.php (mais rápido que @import).
   ============================================================================= */

:root {
  /* 1. BRAND PALETTE */
  --verde-escuro:   #03505A;
  --verde-profundo: #023C44;
  --verde-mata:     #0A5F69;
  --lime:           #6AFF02;
  --lime-escuro:    #57DC00;
  --aqua:           #5FE5C7;
  --aqua-escuro:    #1FA98A;
  --creme:          #FFF6E7;
  --branco:         #FFFFFF;

  /* 2. EDITORIAL NEUTRALS */
  --ink-900: #0E1A19;
  --ink-800: #1C2A28;
  --ink-700: #2E3D3A;
  --ink-600: #455450;
  --ink-500: #5E6C67;
  --ink-400: #808D88;
  --ink-300: #A6B0AB;
  --ink-200: #CDD3CD;
  --line:     #E5E1D3;
  --line-soft:#EFEBDE;

  --surface:      #FFFDF7;
  --surface-cream:#FFF6E7;
  --surface-card: #FFFFFF;
  --surface-sunk: #F6F1E3;

  /* 3. MARKET SEMANTICS */
  --alta:        #137A4F;
  --alta-soft:   #E4F1E9;
  --baixa:       #C23B3B;
  --baixa-soft:  #F8E7E4;
  --neutro:      #8A766B;

  /* 4. SECTION / CATEGORY ACCENTS */
  --cat-mercado:       #03505A;
  --cat-investimentos: #0E7C6B;
  --cat-economia:      #1C5C8C;
  --cat-cripto:        #C2871B;
  --cat-lifestyle:     #B4543A;
  --cat-educacao:      #6B4E9E;
  --cat-aprenda:       #6B4E9E;

  /* 5. FONT FAMILIES */
  --font-display: 'Inter Tight', 'Inter', system-ui, -apple-system, sans-serif;
  --font-sans:    'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono:    'IBM Plex Mono', ui-monospace, 'SFMono-Regular', monospace;
  --font-prose:   'Inter', system-ui, -apple-system, sans-serif;

  /* 6. TYPE SCALE */
  --text-xs:   12px;
  --text-sm:   14px;
  --text-base: 16px;
  --text-md:   18px;
  --text-lg:   21px;
  --text-xl:   26px;
  --text-2xl:  32px;
  --text-3xl:  42px;
  --text-4xl:  56px;
  --text-5xl:  72px;

  --leading-tight:  1.08;
  --leading-snug:   1.2;
  --leading-normal: 1.45;
  --leading-prose:  1.62;

  --tracking-label: 0.10em;
  --tracking-tight: -0.01em;

  /* 7. SPACING SCALE */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --space-10: 128px;

  /* 8. RADII */
  --radius-0: 0px;
  --radius-1: 3px;
  --radius-2: 6px;
  --radius-3: 10px;
  --radius-pill: 999px;

  /* 9. ELEVATION */
  --shadow-1: 0 1px 2px rgba(1, 32, 33, 0.06), 0 1px 1px rgba(1, 32, 33, 0.04);
  --shadow-2: 0 4px 14px rgba(1, 32, 33, 0.08);
  --shadow-3: 0 18px 48px rgba(1, 32, 33, 0.16);

  /* 10. MOTION */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --dur-fast: 140ms;
  --dur:      220ms;
  --dur-slow: 380ms;

  --maxw-prose: 720px;
  --maxw-page:  1240px;
}