/* OptiMoss design tokens — single source of truth for /resources/ articles.
   Mirror of the :root block in /style.css; load before any inline <style> that references --om-*. */

:root {
  --om-bg-base: #0f1a14;
  --om-bg-surface: #152018;
  --om-bg-elevated: #1c2b22;
  --om-bg-inset: #0b140f;
  --om-border: #2a3d30;
  --om-border-subtle: #1e2e24;
  --om-border-accent: #3d7a56;
  --om-text: #e2ebe5;
  --om-text-secondary: #a3b5a9;
  --om-text-muted: #82a08d;
  --om-text-dim: #4a6352;
  --om-text-inverse: #0f1a14;
  --om-accent: #4ecb8d;
  --om-accent-hover: #6dd9a5;
  --om-accent-dim: #1a3d2a;
  --om-accent-glow: rgba(78, 203, 141, 0.12);
  --om-gold: #c9a84c;
  --om-gold-dim: #2e2614;
  --om-error: #b84545;
  --om-font-display: 'Signika', sans-serif;
  --om-font-body: 'Merriweather Sans', sans-serif;
  --om-font-ui: 'Orienta', sans-serif;
  --om-space-xs: 4px;
  --om-space-sm: 8px;
  --om-space-md: 16px;
  --om-space-lg: 24px;
  --om-space-xl: 32px;
  --om-space-2xl: 48px;
  --om-space-3xl: 64px;
  --om-radius-sm: 6px;
  --om-radius-md: 10px;
  --om-radius-lg: 16px;
  --om-radius-full: 9999px;
  --page-bg: var(--om-bg-base);
  --page-fg: var(--om-text);
  --fg-1: var(--om-text);
  --fg-2: var(--om-text-secondary);
  --fg-3: var(--om-text-muted);
  --fg-4: var(--om-text-dim);
  --surface-1: var(--om-bg-surface);
  --surface-2: var(--om-bg-elevated);
  --surface-inset: var(--om-bg-inset);
  --link: var(--om-accent);
  --link-hover: var(--om-accent-hover);
  --focus-ring: var(--om-accent);

  /* Article-only tokens (not in style.css) */
  --om-font-mono: 'SF Mono', 'Fira Code', 'Cascadia Code', ui-monospace, monospace;
}