/* Tracker family brand tokens — source of truth.
   Mirrors tracker-brand-system SKILL.md. Do not edit without updating that skill.
   Any change requires a CHANGELOG.md entry. */

:root {
  /* Neutrals (shared across all properties) */
  --bg: #fdfcf7;
  --bg-elev: #ffffff;
  --ink: #1a1816;
  --ink-2: #4a4642;
  --ink-3: #8a857f;
  --rule: #e8e3da;
  --rule-strong: #cfc8bb;

  /* Numbers */
  --num: #1a1816;
  --num-pos: #047857;
  --num-neg: #b91c1c;
  --num-flat: #6b7280;

  /* Typography stacks */
  --font-sans: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono: 'JetBrains Mono', 'SF Mono', 'Menlo', monospace;
  --font-serif: 'Source Serif Pro', Georgia, serif;

  /* Spacing (8pt grid) */
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 24px;
  --s-6: 32px;
  --s-7: 48px;
  --s-8: 64px;
  --s-9: 96px;

  /* Radii */
  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 16px;
  --r-pill: 999px;

  /* Containers */
  --container-editorial: 680px;
  --container-page: 1080px;
}

/* idtracker.co — umbrella, neutral */
[data-tracker="hub"] {
  --accent: #1a1816;
  --accent-alt: #4a4642;
  --accent-bg: #f4f0e6;
}

/* idrtracker — teal/green */
[data-tracker="idr"] {
  --accent: #0e7c66;
  --accent-alt: #10b981;
  --accent-bg: #ecfdf5;
}

/* idxtracker — navy */
[data-tracker="idx"] {
  --accent: #1e3a8a;
  --accent-alt: #3b82f6;
  --accent-bg: #eff6ff;
}

/* idktracker — amber/copper */
[data-tracker="idk"] {
  --accent: #b45309;
  --accent-alt: #d97706;
  --accent-bg: #fffbeb;
}

/* Type scale (utility classes) */
.t-hero    { font: 700 40px/1.1 var(--font-sans); letter-spacing: -0.02em; }
.t-h1      { font: 700 28px/1.2 var(--font-sans); letter-spacing: -0.015em; }
.t-h2      { font: 600 20px/1.3 var(--font-sans); letter-spacing: -0.01em; }
.t-h3      { font: 600 16px/1.4 var(--font-sans); }
.t-body    { font: 400 16px/1.55 var(--font-sans); color: var(--ink); }
.t-body-sm { font: 400 14px/1.5 var(--font-sans); color: var(--ink-2); }
.t-meta    { font: 500 12px/1.4 var(--font-sans); color: var(--ink-3); letter-spacing: 0.04em; text-transform: uppercase; }
.t-num     { font: 600 18px/1.2 var(--font-mono); color: var(--num); }
.t-num-lg  { font: 700 32px/1.1 var(--font-mono); color: var(--num); letter-spacing: -0.01em; }

/* Numbers — directional color */
.n-pos { color: var(--num-pos); }
.n-neg { color: var(--num-neg); }
.n-flat { color: var(--num-flat); }