/* Habit Tracker — Theme Variables (css/themes.css) */

/* Light Mode Theme */
[data-theme="light"], :root {
  --bg-app: #F2F2F7;
  --bg-card: #FFFFFF;
  --bg-card-hover: #F8F8FD;
  --bg-input: #EFEFF4;
  
  --text-primary: #1C1C1E;
  --text-secondary: #6C6C70;
  --text-tertiary: #8E8E93;

  --border-color: rgba(60, 60, 67, 0.12);
  --border-accent: rgba(0, 122, 255, 0.2);

  --accent-primary: #007AFF;
  --accent-success: #34C759;
  --accent-warning: #FF9500;
  --accent-danger: #FF3B30;
  --accent-purple: #AF52DE;
}

/* Dark Mode Theme */
[data-theme="dark"] {
  --bg-app: #1C1C1E;
  --bg-card: #2C2C2E;
  --bg-card-hover: #3A3A3C;
  --bg-input: #3A3A3C;

  --text-primary: #FFFFFF;
  --text-secondary: #EBEBF5;
  --text-tertiary: #8E8E93;

  --border-color: rgba(235, 235, 245, 0.12);
  --border-accent: rgba(10, 132, 255, 0.3);

  --accent-primary: #0A84FF;
  --accent-success: #30D158;
  --accent-warning: #FF9F0A;
  --accent-danger: #FF453A;
  --accent-purple: #BF5AF2;
}

/* OLED Pure Black Theme */
[data-theme="oled"] {
  --bg-app: #000000;
  --bg-card: #121212;
  --bg-card-hover: #1E1E1E;
  --bg-input: #1E1E1E;

  --text-primary: #FFFFFF;
  --text-secondary: #CCCCCC;
  --text-tertiary: #777777;

  --border-color: rgba(255, 255, 255, 0.1);
  --border-accent: rgba(10, 132, 255, 0.4);

  --accent-primary: #0A84FF;
  --accent-success: #30D158;
  --accent-warning: #FF9F0A;
  --accent-danger: #FF453A;
  --accent-purple: #BF5AF2;
}