:root {
  /* ===== Brand ===== */
  --color-primary: #8BBE27;

  /* ===== Base ===== */
  --color-black: #000000;
  --color-white: #FFFFFF;

  /* ===== Backgrounds ===== */
  --color-bg-main: #000000;
  --color-bg-alt: #0A0A0A;

  /* ===== Text ===== */
  --color-text-main: #FFFFFF;
  --color-text-muted: rgba(255, 255, 255, 0.7);
  --color-text-subtle: rgba(255, 255, 255, 0.5);

  /* ===== Borders ===== */
  --color-border: rgba(255, 255, 255, 0.12);

  /* ===== Interactions ===== */
  --color-primary-hover: #9FD633;
  --color-primary-disabled: rgba(139, 190, 39, 0.4);

  /* ===== Typography ===== */
  --font-heading: system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  --font-body: system-ui, -apple-system, Segoe UI, Roboto, sans-serif;

  /* ===== Layout ===== */
  --max-width: 1500px;
  --radius: 6px;
  --section-padding: 2rem;
}