/* Light theme — default. Variables consumed by base.css and components.css. */
:root[data-theme="light"], :root:not([data-theme]) {
  --bg:           #f7f7f9;
  --surface:      #ffffff;
  --surface-alt:  #f0f1f5;
  --text:         #0f172a;
  --muted:        #475569;
  --border:       #e2e8f0;

  --primary:      #2563eb;
  --primary-fg:   #ffffff;
  --primary-soft: #dbeafe;

  --danger:       #dc2626;
  --success:      #16a34a;
  --warning:      #d97706;

  --radius:       8px;
  --radius-lg:    12px;
  --shadow-sm:    0 1px 2px rgba(15,23,42,.06);
  --shadow:       0 4px 12px rgba(15,23,42,.08);

  --font:         system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}