/* AI-DRO GEO Intelligence Dashboard V2.1 — Locked 4-Layer WCAG 2.2 AA Color & Spacing Tokens (File F §2) */
:root {
  /* Layer 1: App Shell & Workspace Surfaces */
  --aidro-carbon: #16171D;
  --aidro-carbon-raised: #25252F;
  --aidro-carbon-border: #323342;
  --aidro-frost: #F5F5F7;
  --aidro-white: #FFFFFF;
  --aidro-surface-hover: #F9F9FB;

  /* Layer 2: Category Identity Accents (Non-Status; Paired with AA/AAA Ink & Tint Tokens) */
  --aidro-geo: #9164F7;               /* GEO Content Architecture Bar / Top Border */
  --aidro-geo-ink: #532BC2;           /* 7.1:1 Contrast on White/Tint for Text & Icons */
  --aidro-geo-surface: #F3EEFE;       /* Soft Ultraviolet Pill / Card Header Tint */

  --aidro-technical: #F36D50;         /* Technical Accessibility Bar / Top Border */
  --aidro-technical-ink: #B9381E;     /* 5.8:1 Contrast on White/Tint for Text & Icons */
  --aidro-technical-surface: #FEF0EC; /* Soft Signal Coral Pill / Card Header Tint */

  --aidro-seo: #C3D85B;               /* SEO Foundation Bar / Top Border / Dark-Bg Badge */
  --aidro-seo-ink: #3F520B;           /* 8.4:1 AAA Contrast on White/Tint for Text & Icons */
  --aidro-seo-surface: #F3F8DF;       /* Soft Olive-Lime Pill / Card Header Tint */

  /* Layer 3: Diagnostic & Coverage Status Semantics (Always Paired with Icon + Text Label) */
  --aidro-success: #166534;
  --aidro-success-bg: #DCFCE7;
  --aidro-success-border: #86EFAC;

  --aidro-warning: #9A5B0C;
  --aidro-warning-bg: #FEF3C7;
  --aidro-warning-border: #FDE68A;

  --aidro-danger: #B42332;
  --aidro-danger-bg: #FEE2E2;
  --aidro-danger-border: #FCA5A5;

  --aidro-unknown: #475467;
  --aidro-unknown-bg: #F2F4F7;
  --aidro-unknown-border: #D0D5DD;

  /* Layer 4: Typography, Borders, Elevation & Spacing Scale */
  --aidro-ink: #202027;
  --aidro-muted: #625F6D;
  --aidro-border: #E4E2E9;
  --aidro-focus: #6B42C9;
  --aidro-shadow-sm: 0 1px 3px rgba(22, 23, 29, 0.05), 0 1px 2px rgba(22, 23, 29, 0.03);
  --aidro-shadow-md: 0 4px 12px rgba(22, 23, 29, 0.08);
  --aidro-radius-sm: 8px;
  --aidro-radius-md: 12px;
  --aidro-radius-lg: 16px;
  --aidro-space-1: 4px;
  --aidro-space-2: 8px;
  --aidro-space-3: 12px;
  --aidro-space-4: 16px;
  --aidro-space-6: 24px;
  --aidro-space-8: 32px;
}