/* Applied IQ — public brand tokens
 * Color + typography custom properties for external apps and embeds.
 * Canonical source: Branding/visual/color-system.md + typography-system.md (brand voice V1.1).
 * Served at https://appliediq.ai/brand/tokens.css. Light mode only — dark-mode token
 * flips live in the full color system. Do not edit here; edit upstream and re-run sync.
 */

:root {
  /* Canvas */
  --aiq-base: #FCFAF5;          /* page / canvas, warm off-white */
  --aiq-base-raised: #F4EFE4;   /* cards, callouts, pulled panels */
  --aiq-base-sunken: #EEE8D9;   /* table headers, inset areas */

  /* Ink (type) */
  --aiq-ink: #1A1814;           /* primary type, warm near-black */
  --aiq-ink-secondary: #504A42; /* captions, table body, meta */
  --aiq-ink-tertiary: #7A716A;  /* labels, timestamps, quiet UI */

  /* Accent — Soft Rust (brand color) */
  --aiq-accent: #C96B35;        /* brand accent */
  --aiq-accent-strong: #B45927; /* hover/pressed, backdrop for cream body copy */
  --aiq-accent-soft: #F2DBC0;   /* fill-only backgrounds on cream canvases */

  /* Rules / borders */
  --aiq-rule: #D8D1C1;          /* decorative dividers (1px) */
  --aiq-rule-strong: #B9B0A0;   /* emphasized dividers (1.5-2px) */
  --aiq-rule-ui: #8F867B;       /* UI component borders, focus rings */

  /* Semantic (indicators) */
  --aiq-success: #6B7A2B;
  --aiq-warn: #C4921A;          /* indicator only, never text */
  --aiq-error: #9A2D1C;

  /* Data-viz palette (bounded, ordered S1-S6) */
  --aiq-dv-1: #C96B35;          /* Soft Rust (matches accent) */
  --aiq-dv-2: #4E6B20;          /* Deep Olive */
  --aiq-dv-3: #B85E73;          /* Muted Rose */
  --aiq-dv-4: #D4A52A;          /* Warm Yellow */
  --aiq-dv-5: #4A3A60;          /* Muted Indigo (chart-only) */
  --aiq-dv-6: #4A2C1F;          /* Warm Brown */

  /* Type families */
  --aiq-font-display: 'Newsreader', Georgia, serif;
  --aiq-font-body: 'Satoshi', -apple-system, 'Segoe UI', system-ui, sans-serif;
  --aiq-font-mono: 'IBM Plex Mono', ui-monospace, monospace;

  /* Type scale (fixed rem scale; marketing surfaces may clamp() upward) */
  --aiq-text-xs: 12px;          /* captions, meta, citations */
  --aiq-text-sm: 13px;          /* table cells, UI labels */
  --aiq-text-base: 15px;        /* body copy */
  --aiq-text-md: 18px;          /* pulled callouts, large body */
  --aiq-text-lg: 24px;          /* section headings */
  --aiq-text-xl: 36px;          /* page titles */
  --aiq-text-2xl: 52px;         /* hero display */
  --aiq-text-3xl: 72px;         /* pull quotes, oversized brand moments */
}