:root {
  --oc-status-success-bg: rgb(34 197 94 / 0.12);
  --oc-status-success-fg: #22c55e;
  --oc-status-warning-bg: rgb(251 191 36 / 0.12);
  --oc-status-warning-fg: #fbbf24;
  --oc-status-error-bg: rgb(239 68 68 / 0.12);
  --oc-status-error-fg: #ef4444;
  --oc-status-info-bg: rgb(59 130 246 / 0.14);
  --oc-status-info-fg: #60a5fa;

  --oc-input-bg: var(--oc-bg-elevated);
  --oc-input-border: var(--oc-border-subtle);
  --oc-input-placeholder: color-mix(in srgb, var(--oc-text-muted) 70%, transparent);
  --oc-input-focus-border: color-mix(in srgb, var(--oc-accent-primary) 58%, transparent);
  --oc-input-focus-ring: color-mix(in srgb, var(--oc-accent-primary) 22%, transparent);

  --oc-diff-added: #22c55e;
  --oc-diff-added-strong: #16a34a;
  --oc-diff-removed: #f87171;
  --oc-diff-removed-strong: #ef4444;
}

html[data-theme="light"],
[data-theme-family="claw"][data-theme-resolved="light"] {
  --oc-status-success-bg: rgb(34 197 94 / 0.1);
  --oc-status-success-fg: #16a34a;
  --oc-status-warning-bg: rgb(245 158 11 / 0.1);
  --oc-status-warning-fg: #d97706;
  --oc-status-error-bg: rgb(239 68 68 / 0.1);
  --oc-status-error-fg: #dc2626;
  --oc-status-info-bg: rgb(37 99 235 / 0.1);
  --oc-status-info-fg: #2563eb;

  --oc-diff-added: #16a34a;
  --oc-diff-added-strong: #15803d;
  --oc-diff-removed: #e57373;
  --oc-diff-removed-strong: #dc2626;
}

@media (prefers-color-scheme: light) {
  [data-theme-family="claw"][data-theme-mode="system"] {
    --oc-status-success-bg: rgb(34 197 94 / 0.1);
    --oc-status-success-fg: #16a34a;
    --oc-status-warning-bg: rgb(245 158 11 / 0.1);
    --oc-status-warning-fg: #d97706;
    --oc-status-error-bg: rgb(239 68 68 / 0.1);
    --oc-status-error-fg: #dc2626;
    --oc-status-info-bg: rgb(37 99 235 / 0.1);
    --oc-status-info-fg: #2563eb;
    --oc-diff-added: #16a34a;
    --oc-diff-added-strong: #15803d;
    --oc-diff-removed: #e57373;
    --oc-diff-removed-strong: #dc2626;
  }
}