/* ================================================================
   theme.css — AUTO-GENERATED. DO NOT EDIT DIRECTLY.
   Source: theme.yaml  |  Regenerate: python generate_theme.py
   ================================================================ */

:root {
  /* Palette — brand colors (same in light and dark) */
  --color-accent: #d4652e;
  --color-accent-hover: #be5522;
  --color-listen: #d4a017;
  --color-accent-rgb: 212, 101, 46; /* for rgba(var(--color-accent-rgb), 0.x) */

  /* Light mode tokens */
  --color-bg: #e8e8e8;
  --color-surface: #f5f5f5;
  --color-surface-subtle: #ebebeb;
  --color-surface-raised: #e2e2e2;
  --color-hover-bg: #d4d4d4;
  --color-text: #333333;
  --color-text-medium: #666666;
  --color-text-muted: #999999;
  --color-accent-dim: #b55228;
  --color-border: #dddddd;
  --color-border-light: #eeeeee;
  --color-border-input: #cccccc;
  --color-error: #c0392b;
  --color-error-hover: #a93226;
  --color-error-bg: #fdf0ef;
  --color-error-text: #721c24;
  --color-success: #27ae60;
  --color-success-hover: #219a52;
  --color-success-bg: #eafaf1;
  --color-success-text: #155724;
  --color-warning: #e5c07b;
  --color-warning-bg: #fef9e7;
  --color-warning-text: #856404;
  --color-info-bg: #fff5f0;
  --color-table-stripe: rgba(200, 200, 200, 0.2);
  --color-overlay: rgba(0, 0, 0, 0.5);
  --color-shadow: rgba(0, 0, 0, 0.15);
}

html.dark {
  /* Dark mode overrides */
  --color-bg: #1a1a1a;
  --color-surface: #242424;
  --color-surface-subtle: #1e1e1e;
  --color-surface-raised: #2a2a2a;
  --color-hover-bg: #444444;
  --color-text: #e0e0e0;
  --color-text-medium: #888888;
  --color-text-muted: #888888;
  --color-accent-dim: #d4652e;
  --color-border: #333333;
  --color-border-light: #333333;
  --color-border-input: #444444;
  --color-error-bg: #2a1a1a;
  --color-error-text: #e74c3c;
  --color-success-bg: #1a2a1a;
  --color-success-text: #2ecc71;
  --color-warning-bg: #2a2a1a;
  --color-warning-text: #e5c07b;
  --color-info-bg: #2a1e1a;
  --color-table-stripe: rgba(255, 255, 255, 0.05);
  --color-overlay: rgba(0, 0, 0, 0.7);
}