/* ==========================================================================
   tokens.css — Slides NAG Workshop
   Reaproveita design system da LP nag.ahoy.digital
   ========================================================================== */

:root {
  /* Backgrounds */
  --color-bg: #ffffff;
  --color-bg-dark: #111214;
  --color-bg-deep: #0a0a0a;
  --color-surface: #f0f1f3;
  --color-bg-cream: #FAF7F2;
  --color-paper: #f2efe8;

  /* Text */
  --color-text: #18181b;
  --color-text-on-dark: #f1f2f5;
  --color-text-muted: #4a4d54;
  --color-text-muted-dark: rgba(230, 232, 238, 0.78);
  --color-paper-ink: #1a1714;
  --color-paper-ink-muted: #8a8377;

  /* Accent */
  --color-primary: #e25e3e;
  --color-primary-hover: #c64f30;
  --color-primary-soft: rgba(226, 94, 62, 0.08);
  --color-primary-glow: rgba(226, 94, 62, 0.45);
  --color-amber: #F39C12;
  --color-gold: #d4a747;

  /* Borders */
  --color-border: #d4d6db;
  --color-border-dark: rgba(255, 255, 255, 0.08);
  --color-border-paper: #c9c3b8;

  /* Status */
  --color-error: #dc2626;
  --color-success: #16a34a;
  --color-stamp-red: rgba(200, 30, 30, 0.6);
  --color-stamp-red-faded: rgba(200, 30, 30, 0.25);

  /* Terminal */
  --color-terminal-green: #4ade80;
  --color-terminal-blue: #60a5fa;
  --color-terminal-muted: rgba(255, 255, 255, 0.45);
  --color-mac-red: #ff5f57;
  --color-mac-yellow: #febc2e;
  --color-mac-green: #28c840;

  /* WhatsApp */
  --color-whatsapp-green: #25D366;
  --color-whatsapp-bubble: #056162;

  /* Brutal */
  --color-brutal-bg: #FFFDF6;
  --color-brutal-ink: #0A0A0A;

  /* Typography */
  --font-display: 'Nofex', 'Costly', sans-serif;
  --font-body: 'JUST Sans', 'Inter', sans-serif;
  --font-mono: 'Bergen Mono', 'JetBrains Mono', 'Menlo', monospace;

  /* Slide layout (design space — escala via CSS transform) */
  --slide-w: 1920px;
  --slide-h: 1080px;
  --slide-padding: 80px;
  --slide-gutter: 48px;

  /* Type scale absoluta (no design space 1920x1080) */
  --display-xxl: 240px;   /* preço bomba R$ 6.000 */
  --display-xl: 180px;    /* headlines de pitch */
  --display-lg: 120px;    /* H1 hero */
  --display-md: 80px;     /* H2 */
  --display-sm: 56px;     /* H3 */
  --text-xl: 40px;
  --text-lg: 32px;
  --text-base: 24px;
  --text-sm: 18px;
  --text-mono: 16px;

  /* Radius */
  --radius-sm: 2px;
  --radius-md: 6px;
  --radius-lg: 12px;
  --radius-xl: 20px;

  /* Shadows */
  --shadow-card: 0 12px 32px rgba(24, 24, 27, 0.1);
  --shadow-terminal: 0 40px 80px rgba(0, 0, 0, 0.5);
  --shadow-brutal: 12px 12px 0 var(--color-primary), 12px 12px 0 4px var(--color-brutal-ink);
  --shadow-glow-coral: 0 0 60px rgba(226, 94, 62, 0.35), 0 0 120px rgba(226, 94, 62, 0.2);
  --shadow-glow-gold: 0 0 60px rgba(212, 167, 71, 0.35);

  /* Timing */
  --ease-out-quint: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out-back: cubic-bezier(0.68, -0.55, 0.27, 1.55);
  --duration-stage: 700ms;
  --duration-reveal: 600ms;
  --duration-snap: 220ms;
}