:root {
  --op-font: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", Arial, sans-serif;
  --op-font-mono: "SF Mono", "Fira Code", "Fira Mono", "Roboto Mono", monospace;
  --op-radius: 8px;
  --op-transition: 0.2s ease;
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --op-bg: #0f172a;
  --op-surface: #111827;
  --op-input: #1f2937;
  --op-text: #e5e7eb;
  --op-muted: #94a3b8;
  --op-border: #334155;
  --op-accent: #22c55e;
  --op-accent-hover: #4ade80;
  --op-shadow: 0 10px 30px rgba(2, 6, 23, 0.35);
}

:root[data-theme="light"] {
  color-scheme: light;
  --op-bg: #f7faf7;
  --op-surface: #ffffff;
  --op-input: #f2f8f3;
  --op-text: #2c3e50;
  --op-muted: #5f6f66;
  --op-border: #d6e4d8;
  --op-accent: #006b2f;
  --op-accent-hover: #004d22;
  --op-shadow: 0 10px 24px rgba(15, 23, 42, 0.08);
}