/* GMA dark theme tokens.
   Structural/layout rules stay in gma.css; this file owns palette-level values. */
:root,
html[data-gma-theme="dark"] {
  color-scheme: dark;

  --gma-bg: #030406;
  --gma-bg-soft: #0a0d12;
  --gma-bg-card: rgba(255, 255, 255, 0.03);
  --gma-bg-card-strong: rgba(255, 255, 255, 0.09);

  --gma-surface: #080a0e;
  --gma-surface-soft: #0d1016;
  --gma-surface-raised: #11151c;
  --gma-card-bg: rgba(255, 255, 255, 0.03);
  --gma-card-border: rgba(255, 255, 255, 0.14);

  --gma-text: #f5f7fb;
  --gma-text-primary: #f5f7fb;
  --gma-text-secondary: rgba(245, 247, 251, 0.68);
  --gma-text-muted: rgba(245, 247, 251, 0.48);
  --gma-muted: rgba(245, 247, 251, 0.68);
  --gma-muted-weak: rgba(245, 247, 251, 0.48);

  --gma-border: rgba(255, 255, 255, 0.16);
  --gma-border-strong: rgba(255, 255, 255, 0.26);

  --gma-accent: #8cff00;
  --gma-accent-text: #8cff00;
  --gma-accent-2: #7c3cff;
  --gma-accent-3: #16e3ff;

  --gma-header-bg: rgba(0, 0, 0, 0.70);
  --gma-header-border: rgba(255, 255, 255, 0.08);

  --gma-mega-menu-bg:
    radial-gradient(circle at 0% 0%, rgba(140, 255, 0, 0.075), transparent 34%),
    radial-gradient(circle at 100% 100%, rgba(124, 60, 255, 0.10), transparent 38%),
    rgba(8, 9, 12, 0.975);
  --gma-mega-menu-border: rgba(255, 255, 255, 0.10);
  --gma-mega-menu-text: rgba(247, 249, 252, 0.86);
  --gma-mega-menu-shadow: 0 28px 74px rgba(0, 0, 0, 0.48);

  --gma-page-background:
    radial-gradient(circle at 10% 0%, rgba(140, 255, 0, 0.09), transparent 28%),
    radial-gradient(circle at 88% 12%, rgba(124, 60, 255, 0.14), transparent 32%),
    linear-gradient(180deg, #000 0%, #04060a 50%, #000 100%);
  --gma-page-pattern:
    radial-gradient(circle, rgba(255, 255, 255, 0.35) 1px, transparent 1.5px),
    linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px);

  --gma-input-bg: rgba(255, 255, 255, 0.025);
  --gma-input-border: rgba(255, 255, 255, 0.16);
  --gma-footer-bg: #030406;
}