/* AI for Defenders — design tokens as CSS custom properties.
   Mirror of brand/tokens.json. Import this once; reference var(--*) everywhere.
   Dark-mode first by design — there is intentionally no light theme. */

:root {
  /* Backgrounds */
  --afd-bg-base: #0B0F14;
  --afd-bg-surface: #121821;
  --afd-bg-raised: #1A222E;
  --afd-border: #26303D;

  /* Text */
  --afd-text-primary: #E8EEF4;
  --afd-text-secondary: #A9B6C3;
  --afd-text-muted: #6B7A8A;

  /* Accents */
  --afd-cyan: #22D3EE;          /* primary — tech/defense */
  --afd-cyan-dim: #0E7490;
  --afd-amber: #F5A623;         /* secondary — community warmth, use sparingly */
  --afd-amber-dim: #B9791A;

  /* Semantic */
  --afd-success: #34D399;
  --afd-warning: #FBBF24;
  --afd-danger: #F87171;
  --afd-info: #60A5FA;

  /* Type */
  --afd-font-display: 'Space Grotesk', 'Inter', system-ui, sans-serif;
  --afd-font-body: 'Inter', system-ui, -apple-system, sans-serif;
  --afd-font-mono: 'JetBrains Mono', 'Fira Code', ui-monospace, monospace;

  --afd-size-xs: 0.75rem;
  --afd-size-sm: 0.875rem;
  --afd-size-base: 1rem;
  --afd-size-lg: 1.125rem;
  --afd-size-xl: 1.5rem;
  --afd-size-2xl: 2rem;
  --afd-size-3xl: 2.75rem;
  --afd-size-4xl: 3.75rem;

  --afd-weight-regular: 400;
  --afd-weight-medium: 500;
  --afd-weight-semibold: 600;
  --afd-weight-bold: 700;

  /* Radius */
  --afd-radius-sm: 6px;
  --afd-radius-md: 10px;
  --afd-radius-lg: 16px;
  --afd-radius-full: 9999px;

  /* Spacing */
  --afd-space-1: 4px;
  --afd-space-2: 8px;
  --afd-space-3: 12px;
  --afd-space-4: 16px;
  --afd-space-6: 24px;
  --afd-space-8: 32px;
  --afd-space-12: 48px;
  --afd-space-16: 64px;

  /* Signature gradient — cyan→amber, the two-accent identity in one stroke. Use rarely, for impact. */
  --afd-gradient-signature: linear-gradient(120deg, #22D3EE 0%, #F5A623 100%);
}