/* themes.css */

/* === Rose Theme (Default, angelehnt an aktuelle Farben) === */
:root, [data-theme="rose"] {
  --color-bg:             #faf6f5;
  --color-surface:        #ffffff;
  --color-primary:        #c9a5a0;
  --color-primary-dark:   #a07a75;
  --color-primary-light:  #f5ebe9;
  --color-primary-lighter:#faf7f6;
  --color-primary-text:   #8b6b66;
  --color-text:           #1e293b;
  --color-text-secondary: #64748b;
  --color-text-muted:     #94a3b8;
  --color-border:         #f0e4e2;
  --color-divider:        #f0e4e2;
  --color-bg-subtle:      #f5eeec;
  --color-bg-card:        #ffffff;
  --color-title-bar:      rgba(255,255,255,0.85);
  --color-tab-bar:        rgba(255,255,255,0.94);
  --shadow-card:          0 1px 3px rgba(180,150,145,0.08);
  --shadow-elevated:      0 4px 12px rgba(180,150,145,0.12);

  /* Status colors (defaults for rose + light) */
  --color-success:        #16a34a;
  --color-success-light:  #f0fdf4;
  --color-warning:        #d97706;
  --color-warning-light:  #fffbeb;
  --color-error:          #dc2626;
  --color-error-light:    #fef2f2;
  --color-info:           #2563eb;
  --color-info-light:     #eff6ff;
}

/* === iOS Light Theme === */
[data-theme="light"] {
  --color-bg:             #f2f2f7;
  --color-surface:        #ffffff;
  --color-primary:        #007aff;
  --color-primary-dark:   #0056b3;
  --color-primary-light:  #e5f0ff;
  --color-primary-lighter:#f0f6ff;
  --color-primary-text:   #007aff;
  --color-text:           #000000;
  --color-text-secondary: #3c3c43;
  --color-text-muted:     #8e8e93;
  --color-border:         transparent;
  --color-divider:        #c6c6c8;
  --color-bg-subtle:      #e5e5ea;
  --color-bg-card:        #ffffff;
  --color-title-bar:      rgba(249,249,249,0.94);
  --color-tab-bar:        rgba(249,249,249,0.94);
  --shadow-card:          0 1px 3px rgba(0,0,0,0.04);
  --shadow-elevated:      0 4px 12px rgba(0,0,0,0.08);
}

/* === iOS Dark Theme === */
[data-theme="dark"] {
  --color-bg:             #000000;
  --color-surface:        #1c1c1e;
  --color-primary:        #0a84ff;
  --color-primary-dark:   #409cff;
  --color-primary-light:  #1a2a3a;
  --color-primary-lighter:#0d1b2a;
  --color-primary-text:   #0a84ff;
  --color-text:           #ffffff;
  --color-text-secondary: #ebebf5;
  --color-text-muted:     #636366;
  --color-border:         #38383a;
  --color-divider:        #38383a;
  --color-bg-subtle:      #2c2c2e;
  --color-bg-card:        #1c1c1e;
  --color-title-bar:      rgba(28,28,30,0.94);
  --color-tab-bar:        rgba(28,28,30,0.94);
  --shadow-card:          none;
  --shadow-elevated:      none;

  /* Status-Farben fuer Dark Mode anpassen */
  --color-success:        #30d158;
  --color-success-light:  #0d2818;
  --color-warning:        #ffd60a;
  --color-warning-light:  #2a2200;
  --color-error:          #ff453a;
  --color-error-light:    #2a0d0b;
  --color-info:           #0a84ff;
  --color-info-light:     #001a33;
}