/* DNS Design Tokens — cores do logo */
:root {
  --color-bg: #0b0b0b;
  --color-bg-elevated: #121212;
  --color-bg-card: #161616;
  --color-bg-alt: #0f0f0f;
  --color-surface: #1a1a1a;
  --color-border: rgba(255, 255, 255, 0.08);
  --color-border-strong: rgba(255, 255, 255, 0.14);

  --color-text: #f5f5f5;
  --color-text-muted: #a3a3a3;
  --color-text-soft: #737373;

  --color-accent: #a8d53f;
  --color-accent-hover: #b8e356;
  --color-accent-dark: #7cab28;
  --color-accent-glow: rgba(168, 213, 63, 0.25);
  --color-accent-soft: rgba(168, 213, 63, 0.12);

  --color-white: #ffffff;
  --color-black: #000000;

  --font-display: "Outfit", system-ui, sans-serif;
  --font-body: "Inter", system-ui, sans-serif;

  --container: 1120px;
  --header-h: 76px;
  --radius: 16px;
  --radius-sm: 10px;
  --radius-pill: 999px;

  --shadow-sm: 0 4px 20px rgba(0, 0, 0, 0.35);
  --shadow-lg: 0 20px 50px rgba(0, 0, 0, 0.45);
  --transition: 0.25s ease;

  --wa: #25d366;
  --ig: #e1306c;
  --fb: #1877f2;
}