:root {
  /* Cores – tema escuro tons de verde (Matrix) */
  --color-primary: #00ff41;
  --color-primary-dark: #00cc34;
  --color-btn: #008f11;
  --color-btn-hover: #00b32a;
  --color-secondary: #008f11;
  --color-bg: #0a0e0a;
  --color-bg-alt: #0d130d;
  --color-text: #c8f0c8;
  --color-text-muted: #7dd87d;
  --color-border: #1a2f1a;
  --color-white: #e8f5e8;

  /* Fontes */
  --font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono: ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, monospace;

  /* Espaçamentos */
  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;
  --space-3xl: 4rem;

  /* Container */
  --container-max: 72rem;
  --container-padding: var(--space-md);

  /* Header */
  --header-height: 4rem;

  /* Transições */
  --transition-fast: 0.15s ease;
  --transition-normal: 0.25s ease;
}