/* =============================================================
   AI Search Experts — Brand tokens
   Single source of truth for color, type, radii, spacing, and
   page dimensions. All consumers (reports, website, design-system
   demo) read from this file.

   Color space: OKLCH for perceptual uniformity.
   Accent: violet-blue at hue 265.
   Neutrals: warm at hue 80 (low chroma).
   ============================================================= */

:root {
  /* ── Core ────────────────────────────────────────────────── */
  --aise-black: #0A0A0B;
  --aise-white: #F7F7F8;

  /* ── Accent · violet-blue · hue 265 ─────────────────────── */
  --aise-accent-50:  oklch(97% 0.02 265);
  --aise-accent-100: oklch(94% 0.04 265);
  --aise-accent-200: oklch(88% 0.08 265);
  --aise-accent-300: oklch(80% 0.13 265);
  --aise-accent-400: oklch(70% 0.18 265);
  --aise-accent-500: oklch(58% 0.22 265);  /* primary */
  --aise-accent-600: oklch(48% 0.21 265);
  --aise-accent-700: oklch(40% 0.18 265);
  --aise-accent-800: oklch(32% 0.14 265);
  --aise-accent-900: oklch(24% 0.10 265);
  --aise-accent: var(--aise-accent-500);

  /* ── Neutral · warm · hue 80 ────────────────────────────── */
  --aise-n-50:  oklch(98%  0.005 80);
  --aise-n-100: oklch(96%  0.008 80);
  --aise-n-200: oklch(92%  0.010 80);
  --aise-n-300: oklch(86%  0.012 80);
  --aise-n-400: oklch(74%  0.012 80);
  --aise-n-500: oklch(60%  0.012 80);
  --aise-n-600: oklch(48%  0.012 80);
  --aise-n-700: oklch(38%  0.012 80);
  --aise-n-800: oklch(28%  0.010 80);
  --aise-n-900: oklch(18%  0.008 80);
  --aise-n-950: oklch(10%  0.006 80);

  /* ── Status ramp · consulting language ──────────────────── */
  /* Maps to the four levels: Strong / Moderate / Low / Not Detected */
  --aise-strong:         oklch(62% 0.16 152);   /* green */
  --aise-strong-bg:      oklch(94% 0.05 152);
  --aise-moderate:       oklch(75% 0.13 75);    /* amber */
  --aise-moderate-bg:    oklch(95% 0.05 75);
  --aise-low:            oklch(65% 0.15 40);    /* muted orange */
  --aise-low-bg:         oklch(94% 0.05 40);
  --aise-notdetected:    var(--aise-n-400);
  --aise-notdetected-bg: var(--aise-n-100);

  /* ── Type families ──────────────────────────────────────── */
  --aise-sans: 'Satoshi', 'Inter', system-ui, -apple-system, 'Helvetica Neue', sans-serif;
  --aise-mono: 'JetBrains Mono', ui-monospace, Menlo, monospace;

  /* ── Radii ──────────────────────────────────────────────── */
  --aise-r-xs:   3px;
  --aise-r-sm:   4px;
  --aise-r-md:   6px;
  --aise-r-lg:   8px;
  --aise-r-pill: 999px;

  /* ── Spacing scale ──────────────────────────────────────── */
  --aise-space-1:   4px;
  --aise-space-2:   8px;
  --aise-space-3:   12px;
  --aise-space-4:   16px;
  --aise-space-5:   20px;
  --aise-space-6:   24px;
  --aise-space-8:   32px;
  --aise-space-10:  40px;
  --aise-space-12:  48px;
  --aise-space-16:  64px;
  --aise-space-20:  80px;
  --aise-space-24:  96px;
  --aise-space-32:  128px;

  /* ── Shadows ────────────────────────────────────────────── */
  --aise-shadow-sm: 0 1px 2px rgba(10, 10, 11, 0.06);
  --aise-shadow-md: 0 2px 8px rgba(10, 10, 11, 0.10);
  --aise-shadow-lg: 0 4px 16px rgba(10, 10, 11, 0.14);
  --aise-shadow-xl: 0 8px 32px rgba(10, 10, 11, 0.18);

  /* ── Motion ─────────────────────────────────────────────── */
  --aise-ease:        cubic-bezier(0.2, 0.7, 0.3, 1);
  --aise-duration-fast: 150ms;
  --aise-duration-base: 250ms;

  /* ── Page dimensions (A4 portrait at 96dpi) ─────────────── */
  --a4-w: 794px;   /* 210mm */
  --a4-h: 1123px;  /* 297mm */
}