/* style-guide.md §3 + art-direction.md §9 */
:root {
  --surface: #0E1116;
  --surface-deep: #080B10;
  --surface-alt: #161B23;
  --surface-2: #1B2029;
  --border: #20262E;
  --ink: #F4F2EC;
  --ink-muted: #9AA3AE;
  --accent: #4D7CFF;
  --accent-ink: #0E1116;
  --accent-strong: #1D3FBF;
  --cream: #F4F2EC;
  --cream-ink: #0E1116;
  --cream-muted: #5B626C;
  --cream-border: #DDDAD1;

  /* linhas da planta (guias e grade) */
  --grid-line: rgba(244, 242, 236, 0.045);
  --grid-line-2: rgba(244, 242, 236, 0.09);
  --grid-line-cream: rgba(14, 17, 22, 0.07);
  --grid-line-cream-2: rgba(14, 17, 22, 0.14);

  --radius-sm: 10px;
  --radius: 18px;
  --radius-lg: 28px;
  --radius-pill: 999px;
  --shadow-lg: 0 40px 80px -20px rgba(0, 0, 0, 0.65);

  --font-heading: "Inter", "Segoe UI", system-ui, sans-serif;
  --font-body: "Inter", "Segoe UI", system-ui, sans-serif;
  /* rótulos técnicos da planta; a mono só entra com ?mono na URL (proposta de marca, não aprovada) */
  --font-label: var(--font-body);
  --tracking-display: -0.055em;
  --tracking-heading: -0.04em;
  --tracking-eyebrow: 0.14em;

  --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: 144px;
  --container: 1200px;

  --ease-out: cubic-bezier(0.2, 0.75, 0.2, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --ease-pop: cubic-bezier(0.2, 1.4, 0.4, 1);
  --ease-firm: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-fast: 220ms;
  --dur-base: 550ms;
  --dur-reveal: 800ms;
  --stagger: 45ms;
}

.mono { --font-label: "IBM Plex Mono", ui-monospace, "Cascadia Mono", monospace; }