/* ============================================================
   CSS Custom Properties — kaos-control brand tokens
   Dark theme is the default; light theme overrides on [data-theme="light"]
   ============================================================ */

:root,
[data-theme="dark"] {
  /* Brand */
  --color-bg:          #0d1424;
  --color-bg-surface:  #111b2e;
  --color-bg-elevated: #162038;
  --color-border:      #1f3050;

  /* Text */
  --color-text:        #e8ecf4;
  --color-text-muted:  #8fa3c0;
  --color-text-faint:  #4a6080;

  /* Accent / CTA */
  --color-accent:      #3b82f6;
  --color-accent-hover:#2563eb;
  --color-accent-dim:  #1e3a5f;

  /* Status */
  --color-success:     #22c55e;
  --color-warning:     #f59e0b;
  --color-danger:      #ef4444;

  /* Code blocks */
  --color-code-bg:     #0a1020;
  --color-code-text:   #7dd3fc;

  /* Transitions */
  --transition-theme:  background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

[data-theme="light"] {
  /* Brand */
  --color-bg:          #f8fafc;
  --color-bg-surface:  #ffffff;
  --color-bg-elevated: #f1f5f9;
  --color-border:      #cbd5e1;

  /* Text */
  --color-text:        #0f172a;
  --color-text-muted:  #475569;
  --color-text-faint:  #94a3b8;

  /* Accent / CTA */
  --color-accent:      #2563eb;
  --color-accent-hover:#1d4ed8;
  --color-accent-dim:  #dbeafe;

  /* Status */
  --color-success:     #16a34a;
  --color-warning:     #d97706;
  --color-danger:      #dc2626;

  /* Code blocks */
  --color-code-bg:     #f1f5f9;
  --color-code-text:   #1e40af;
}