/* Strike48 Theme */

:root {
  --font-sans: "Inter", sans-serif;
  --font-mono: "JetBrains Mono", monospace;

  /* Brand tokens */
  --strike-gold: #efbf04;
  --strike-blue: #2563eb;

  /* Light mode */
  --color-bg: #f6f7fb;
  --color-bg-nav: #ffffff;
  --color-text: #0f172a;
  --color-text-secondary: #475569;
  --color-text-muted: #94a3b8;
  --color-accent: #2563eb;
  --color-accent-low: #1e3a5f;
  --color-accent-high: #93b4f4;
  --color-border: #e2e8f0;
  --color-gray-3: #94a3b8;
  --color-gray-5: #334155;
  --color-gray-6: rgba(0, 0, 0, 0.06);
  --color-white: #0f172a;

  --content-width: 45rem;
  --sidebar-width: 18.75rem;
  --header-height: 3.5rem;
  --toc-width: 18.75rem;
  --border-radius: 0.5rem;
}

:root[data-theme="dark"] {
  --color-bg: #0f172a;
  --color-bg-nav: #1e293b;
  --color-text: #f8fafc;
  --color-text-secondary: #94a3b8;
  --color-text-muted: #64748b;
  --color-accent: #60a5fa;
  --color-accent-low: #172554;
  --color-accent-high: #dbeafe;
  --color-border: #334155;
  --color-gray-3: #94a3b8;
  --color-gray-5: #334155;
  --color-gray-6: rgba(255, 255, 255, 0.06);
  --color-white: #f8fafc;
}

:root{
  --max-content-width: 55rem;
}