:root {
  color-scheme: dark light;
  --aic-font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --aic-radius: 8px;
  --aic-sidebar-width: 224px;
  --aic-topbar-height: 76px;
  --aic-shadow: 0 18px 44px rgba(8, 13, 24, 0.2);
  --aic-brand: #62c7d6;
  --aic-brand-hover: #47b8ca;
  --aic-brand-soft: rgba(98, 199, 214, 0.14);
  --aic-brand-text: #071314;
  --aic-focus: 0 0 0 3px rgba(98, 199, 214, 0.32);
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --aic-bg: #0f1112;
  --aic-bg-soft: #151819;
  --aic-surface: #1a1f21;
  --aic-surface-2: #22282b;
  --aic-surface-3: #2c3336;
  --aic-border: #333c40;
  --aic-border-strong: #465157;
  --aic-text: #f4f7f8;
  --aic-text-soft: #c7d0d2;
  --aic-text-muted: #8b989b;
  --aic-brand: #62c7d6;
  --aic-brand-hover: #7bd8e4;
  --aic-brand-soft: rgba(98, 199, 214, 0.16);
  --aic-brand-text: #071314;
  --aic-accent: var(--aic-brand);
  --aic-accent-strong: var(--aic-brand-hover);
  --aic-accent-soft: var(--aic-brand-soft);
  --aic-status-success: #22c55e;
  --aic-status-success-soft: rgba(34, 197, 94, 0.15);
  --aic-ok: var(--aic-status-success);
  --aic-ok-soft: var(--aic-status-success-soft);
  --aic-warn: #f59e0b;
  --aic-warn-soft: rgba(245, 158, 11, 0.16);
  --aic-danger: #ef4444;
  --aic-danger-soft: rgba(239, 68, 68, 0.14);
  --aic-button-text: var(--aic-brand-text);
}

:root[data-theme="light"] {
  color-scheme: light;
  --aic-bg: #f5f4f1;
  --aic-bg-soft: #eeece7;
  --aic-surface: #ffffff;
  --aic-surface-2: #f8f7f4;
  --aic-surface-3: #ebe8df;
  --aic-border: #d8d4ca;
  --aic-border-strong: #bbb5a9;
  --aic-text: #171914;
  --aic-text-soft: #4b5049;
  --aic-text-muted: #73796f;
  --aic-brand: #62c7d6;
  --aic-brand-hover: #47b8ca;
  --aic-brand-soft: rgba(98, 199, 214, 0.14);
  --aic-brand-text: #071314;
  --aic-accent: var(--aic-brand);
  --aic-accent-strong: var(--aic-brand-hover);
  --aic-accent-soft: var(--aic-brand-soft);
  --aic-status-success: #15803d;
  --aic-status-success-soft: rgba(21, 128, 61, 0.12);
  --aic-ok: var(--aic-status-success);
  --aic-ok-soft: var(--aic-status-success-soft);
  --aic-warn: #b45309;
  --aic-warn-soft: rgba(180, 83, 9, 0.13);
  --aic-danger: #b91c1c;
  --aic-danger-soft: rgba(185, 28, 28, 0.12);
  --aic-button-text: var(--aic-brand-text);
}