/* =====================================================================
   Frozen Glass Design System
   Clean backdrop-blur, no iridescent shimmer, transparent fills
   ===================================================================== */

/* ── Geometry ──────────────────────────────────────────────────────── */
:root {
  --r-xs:  8px;  --r-sm: 12px;  --r-md: 18px;
  --r-lg: 24px;  --r-xl: 32px;  --r-pill: 100px;
  --radius: var(--r-md);
}

/* ── DARK GREY THEME (default) ─────────────────────────────────────── */
:root, [data-theme="dark"] {
  --bg:           #1c1c1e;    /* iOS system dark */
  --bg2:          #2c2c2e;

  --glass-fill:   rgba(255, 255, 255, 0.07);
  --glass-dark:   rgba(0,   0,   0,   0.38);
  --glass-input:  rgba(255, 255, 255, 0.06);
  --glass-hover:  rgba(255, 255, 255, 0.11);

  --border-specular: rgba(255, 255, 255, 0.32);
  --border-std:      rgba(255, 255, 255, 0.11);
  --border-dim:      rgba(255, 255, 255, 0.06);

  --blur-card:   blur(20px);
  --blur-heavy:  blur(32px);
  --blur-light:  blur(12px);
  --blur-nav:    blur(24px);

  --shadow-glass:
    0 4px 20px rgba(0,0,0,0.32),
    0 1px 4px  rgba(0,0,0,0.18);
  --shadow-card-raised:
    0 8px 32px rgba(0,0,0,0.44),
    0 2px 8px  rgba(0,0,0,0.22);
  --shadow-nav:
    0 2px 14px rgba(0,0,0,0.32),
    0 1px 3px  rgba(0,0,0,0.15);

  --accent:       #f59e0b;
  --accent2:      #d97706;
  --accent-glow:  rgba(245, 158, 11, 0.30);
  --accent-btn:   linear-gradient(145deg, #f59e0b 0%, #d97706 100%);

  --text:     rgba(255, 255, 255, 0.95);
  --text2:    rgba(255, 255, 255, 0.70);
  --muted:    rgba(255, 255, 255, 0.38);
  --muted-hi: rgba(255, 255, 255, 0.55);

  --success:  #30d158;  --warning: #ffd60a;  --danger: #ff453a;
  --success-dim: rgba(48,  209, 88,  0.14);
  --warning-dim: rgba(255, 214, 10,  0.14);
  --danger-dim:  rgba(255, 69,  58,  0.14);

  --surface: var(--glass-fill);  --surface2: var(--glass-input);
  --border:  var(--border-std);
}

/* ── LIGHT (WHITE) THEME ───────────────────────────────────────────── */
[data-theme="light"] {
  --bg:           #f2f2f7;    /* iOS system gray-6 */
  --bg2:          #ffffff;

  --glass-fill:   rgba(255, 255, 255, 0.82);
  --glass-dark:   rgba(242, 242, 247, 0.88);
  --glass-input:  rgba(255, 255, 255, 0.70);
  --glass-hover:  rgba(255, 255, 255, 0.95);

  --border-specular: rgba(255, 255, 255, 0.98);
  --border-std:      rgba(0,   0,   0,   0.09);
  --border-dim:      rgba(0,   0,   0,   0.05);

  --blur-card:   blur(20px);
  --blur-heavy:  blur(32px);
  --blur-light:  blur(12px);
  --blur-nav:    blur(24px);

  --shadow-glass:
    0 4px 16px rgba(0,0,0,0.10),
    0 1px 3px  rgba(0,0,0,0.06);
  --shadow-card-raised:
    0 8px 24px rgba(0,0,0,0.13),
    0 2px 6px  rgba(0,0,0,0.07);
  --shadow-nav:
    0 2px 10px rgba(0,0,0,0.10),
    0 1px 3px  rgba(0,0,0,0.05);

  --accent:       #f59e0b;
  --accent2:      #d97706;
  --accent-glow:  rgba(245, 158, 11, 0.22);
  --accent-btn:   linear-gradient(145deg, #f59e0b 0%, #d97706 100%);

  --text:     #1c1c1e;
  --text2:    #3c3c43;
  --muted:    #8e8e93;
  --muted-hi: #6c6c70;

  --success:  #34c759;  --warning: #ff9f0a;  --danger: #ff3b30;
  --success-dim: rgba(52,  199, 89,  0.12);
  --warning-dim: rgba(255, 159, 10,  0.12);
  --danger-dim:  rgba(255, 59,  48,  0.12);

  --surface: var(--glass-fill);  --surface2: var(--glass-input);
  --border:  var(--border-std);
}