/**
 * iTrend Holding — Institutional Ledger tokens v1
 * Canonical source for Wave 0 mockup (and later promote to public/).
 *
 * Law:
 * - Deep ink/slate surfaces; fine borders; no SaaS glow gradients
 * - Pale blue accent (#5b9fd4) ONLY for links, primary actions, verified states
 * - Radius 4 / 6 / 8px max — never 12px+ cards or pill CTAs
 * - IBM Plex Sans + IBM Plex Mono
 *
 * Consumers: sites/itrendholding/mockup/holding-tokens.css (keep in sync)
 */
:root {
  /* Surfaces */
  --ih-bg: #0b0f14;
  --ih-bg-elevated: #10161e;
  --ih-surface: #141b24;
  --ih-surface-raised: #18212c;
  --ih-border: #2a3544;
  --ih-border-fine: #1e2834;
  --ih-border-strong: #3a4a5c;

  /* Type */
  --ih-text: #e8eef6;
  --ih-text-strong: #f4f7fb;
  --ih-muted: #8fa0b3;
  --ih-meta: #6b7c90;

  /* Accent — links / primary / verified only (never decorative fills at scale) */
  --ih-accent: #5b9fd4;
  --ih-accent-hover: #8ec4ea;
  --ih-accent-active: #4a8fc4;
  --ih-accent-soft: rgba(91, 159, 212, 0.1);
  --ih-accent-border: rgba(91, 159, 212, 0.35);
  --ih-accent-focus: rgba(91, 159, 212, 0.45);

  /* Geometry — institutional, not app-card */
  --ih-radius-sm: 4px;
  --ih-radius: 6px;
  --ih-radius-lg: 8px;
  /* Explicit max; do not introduce --ih-radius-* > 8px */
  --ih-radius-max: 8px;

  /* Layout measure */
  --ih-max: 42rem;
  --ih-wide: 68rem;
  --ih-rule: 1px solid var(--ih-border-fine);
  --ih-rule-strong: 1px solid var(--ih-border);

  /* Typefaces */
  --ih-font: "IBM Plex Sans", "Segoe UI", system-ui, -apple-system, sans-serif;
  --ih-mono: "IBM Plex Mono", ui-monospace, "Cascadia Mono", monospace;

  /* Type scale */
  --ih-fs-xs: 0.75rem;
  --ih-fs-sm: 0.875rem;
  --ih-fs-base: 1.05rem;
  --ih-fs-md: 1.125rem;
  --ih-fs-lg: 1.35rem;
  --ih-fs-xl: 1.75rem;
  --ih-fs-2xl: clamp(1.85rem, 4vw, 2.45rem);
  --ih-lh-tight: 1.25;
  --ih-lh-body: 1.65;
  --ih-lh-loose: 1.75;
  --ih-tracking-label: 0.08em;
  --ih-tracking-tight: 0.02em;

  /* Space scale (spacious, not decorative) */
  --ih-space-1: 0.25rem;
  --ih-space-2: 0.5rem;
  --ih-space-3: 0.75rem;
  --ih-space-4: 1rem;
  --ih-space-5: 1.5rem;
  --ih-space-6: 2.5rem;
  --ih-space-7: 4rem;
  --ih-space-8: 5.5rem;

  /* Elevation — hairline only, no soft product shadows */
  --ih-shadow-none: none;
  --ih-header-bg: rgba(11, 15, 20, 0.92);

  /* Interactive */
  --ih-focus-ring: 0 0 0 2px var(--ih-bg), 0 0 0 4px var(--ih-accent-focus);
  --ih-btn-pad-y: 0.55rem;
  --ih-btn-pad-x: 1.1rem;
}