/* RankedByAI Design Tokens — mirrors apps/web/app/globals.css (Bet 56/58 v3.1)
   Single source of truth for the prototype. Values are the real production tokens. */
:root {
  /* Brand scale (brand-guidelines.md §3.1, hex equivalents of OKLCH tokens) */
  --brand-50: #ecfdf5;
  --brand-100: #d1fae5;
  --brand-200: #a7f3d0;
  --brand-300: #6ee7b7;
  --brand-400: #34d399;
  --brand-500: #10b981;
  --brand-600: #008256; /* primary — AA 4.85:1 vs white */
  --brand-700: #047857;
  --brand-800: #065f46;
  --brand-900: #064e3b;
  --brand-950: #022c22;

  /* Neutrals (cool neutral, Peec-modelled) */
  --background: #f7f7f7;
  --foreground: #171717;
  --card: #ffffff;
  --muted: #f5f5f5;
  --muted-foreground: #525252;
  --faint: #6e6e6e;
  --border: #e8e8e8;
  --input: rgba(23, 23, 23, 0.06);
  --ink: #171717;
  --ink-dark: #0f172a;

  --primary: var(--brand-600);
  --primary-hover: var(--brand-700);
  --ring: var(--brand-600);

  /* Semantic triads (fg / soft bg / border) */
  --success: #047857;
  --success-soft: #ecfdf5;
  --success-border: #a7f3d0;
  --warning: #b45309;
  --warning-soft: #fffbeb;
  --warning-border: #fde68a;
  --danger: #b91c1c;
  --danger-soft: #fef2f2;
  --danger-border: #fecaca;
  --info: #1d4ed8;
  --info-soft: #eff6ff;
  --info-border: #bfdbfe;
  --destructive: #b91c1c;

  /* Chart palette v4 (colour-blind safe, all >=3:1 vs white) */
  --chart-1: #008256;
  --chart-2: #0284c7;
  --chart-3: #a855f7;
  --chart-4: #d97706;
  --chart-5: #e11d48;
  --chart-6: #4338ca;
  --chart-7: #86198f;
  --chart-8: #8a8a8a;
  --chart-grid: #e8e8e8;
  --chart-axis: #6e6e6e;

  /* Radii — 3 tiers + pill for chips */
  --radius-md: 8px;   /* controls */
  --radius-lg: 12px;  /* cards, popovers */
  --radius-xl: 16px;  /* dialogs, hero blocks */

  /* Elevation — 3 tiers */
  --shadow-card: 0 1px 2px 0 rgb(0 0 0 / 0.04);
  --shadow-card-hover: 0 4px 6px -1px rgb(23 23 23 / 0.08), 0 2px 4px -2px rgb(23 23 23 / 0.1);
  --shadow-overlay: 0 6px 15px 0 rgb(0 0 0 / 0.08), 0 25px 25px 0 rgb(0 0 0 / 0.04);

  /* Type scale (design-system.md §2) */
  --text-display: clamp(40px, 5vw, 56px);
  --text-h1: 32px;
  --text-h2: clamp(28px, 3.2vw, 40px);
  --text-h3: 16px;
  --text-kpi: 32px;
  --text-base: 16px;
  --text-sm: 14px;
  --text-xs: 12px;
  --text-ui: 13px;
  --text-2xs: 11px;

  --font-sans: "Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
}