:root {
  --bg-primary: #000000;
  --bg-secondary: #0c0c0e;
  --bg-tertiary: #121214;
  --surface-primary: #121214;
  --surface-secondary: #1a1a1f;
  --surface-interactive: #222228;
  --surface-hover: #2e2e36;
  --surface-selected: #21363f;
  --text-primary: #ffffff;
  --text-secondary: #b0b0b6;
  --text-muted: #808088;
  --accent-primary: #16c8ea;
  --accent-secondary: #4db8c9;
  --accent-pressed: #129bb3;
  --on-accent: #0a0e10;
  --highlight: #e8c45a;
  --border-primary: rgba(255, 255, 255, 0.12);
  --border-subtle: rgba(255, 255, 255, 0.08);
  --success: #4fbf78;
  --warning: #e0a24a;
  --danger: #e25b5b;
  --specialty: #d97aa8;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --shadow-card: 0 16px 40px rgba(0, 0, 0, 0.45);
  --header-h: 3.5rem;
  --rail-w: 17.5rem;
  --toc-w: 14.5rem;
  --content: 72rem;
  --font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif;
  --mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --space: 1rem;
  --focus: 0 0 0 3px rgba(22, 200, 234, 0.45);
}

html[data-platform="iphone"] {
  --platform-label: "iPhone";
}

html[data-platform="ipad"] {
  --platform-label: "iPad";
}