/* Design Tokens - Generated dynamically */

:root,
[data-theme="day"] {
  --bg: #ffffff;
  --border: #d2d2d7;
  --danger: #ff3b30;
  --muted-text: #86868b;
  --primary: #0071e3;
  --primary-text: #ffffff;
  --success: #34c759;
  --surface: #f5f5f7;
  --text: #1d1d1f;
  --warning: #ff9500;
  --card-bg: #ffffff;
}

[data-theme="night"] {
  --bg: #000000;
  --border: #38383a;
  --danger: #ff453a;
  --muted-text: #8e8e93;
  --primary: #0a84ff;
  --primary-text: #ffffff;
  --success: #30d158;
  --surface: #1c1c1e;
  --text: #f5f5f7;
  --warning: #ff9f0a;
  --card-bg: #1c1c1e;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
    --bg: #000000;
    --border: #38383a;
    --danger: #ff453a;
    --muted-text: #8e8e93;
    --primary: #0a84ff;
    --primary-text: #ffffff;
    --success: #30d158;
    --surface: #1c1c1e;
    --text: #f5f5f7;
    --warning: #ff9f0a;
    --card-bg: #1c1c1e;
  }
}