:root {
  --od-bg: #0F1115;
  --od-surface: #161A21;
  --od-surface-2: #1E2330;
  --od-border: #2A3140;
  --od-text: #E6E9EF;
  --od-text-muted: #8B93A3;
  --od-text-faint: #5B6271;
  --od-accent: #C4533A;
  --od-accent-soft: rgba(196, 83, 58, 0.15);
  --od-danger: #D14E5C;
  --od-success: #4E9B6F;
  --od-warn: #C49B4E;

  --od-radius-sm: 4px;
  --od-radius: 8px;
  --od-radius-lg: 12px;

  --od-shadow-soft: 0 1px 2px rgba(0,0,0,.4);
  --od-shadow-glow: 0 0 0 1px var(--od-accent-soft), 0 0 24px var(--od-accent-soft);

  --od-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --od-font-mono: "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;

  --od-sp-1: 4px;
  --od-sp-2: 8px;
  --od-sp-3: 12px;
  --od-sp-4: 16px;
  --od-sp-5: 24px;
  --od-sp-6: 32px;
  --od-sp-8: 48px;
}