/* ══════════════════════════════════════════════════
   SefimQR — 10 Tema (5 Koyu + 5 Açık)
   Tenant panelden seçer, müşteri sayfasına uygulanır.
   ══════════════════════════════════════════════════ */

/* ── KOYU TEMALAR ── */

[data-theme="midnight"] {
    --bg: #0f0f1a; --surface: #1a1a2e; --surface2: #25253e;
    --text: #e0e0ff; --text-muted: #8888aa; --accent: #e94560;
    --accent2: #ff6b6b; --success: #00d68f; --border: rgba(255,255,255,0.06);
    --card-shadow: 0 4px 24px rgba(0,0,0,0.3);
    --glass: rgba(26,26,46,0.85); --input-bg: #25253e;
    --scheme: dark;
}

[data-theme="ocean"] {
    --bg: #0a192f; --surface: #112240; --surface2: #1a3358;
    --text: #ccd6f6; --text-muted: #8892b0; --accent: #64ffda;
    --accent2: #00d4aa; --success: #64ffda; --border: rgba(100,255,218,0.08);
    --card-shadow: 0 4px 24px rgba(0,0,0,0.4);
    --glass: rgba(17,34,64,0.85); --input-bg: #1a3358;
    --scheme: dark;
}

[data-theme="charcoal"] {
    --bg: #1a1a1a; --surface: #262626; --surface2: #333333;
    --text: #f5f5f5; --text-muted: #999999; --accent: #ff9f43;
    --accent2: #feca57; --success: #2ed573; --border: rgba(255,255,255,0.08);
    --card-shadow: 0 4px 24px rgba(0,0,0,0.4);
    --glass: rgba(38,38,38,0.85); --input-bg: #333333;
    --scheme: dark;
}

[data-theme="forest"] {
    --bg: #0b1a0f; --surface: #142a19; --surface2: #1e3a24;
    --text: #d4e8d4; --text-muted: #7aaa7a; --accent: #4caf50;
    --accent2: #81c784; --success: #66bb6a; --border: rgba(76,175,80,0.1);
    --card-shadow: 0 4px 24px rgba(0,0,0,0.35);
    --glass: rgba(20,42,25,0.85); --input-bg: #1e3a24;
    --scheme: dark;
}

[data-theme="royal"] {
    --bg: #1a0a2e; --surface: #2a1548; --surface2: #3a2060;
    --text: #e8d5ff; --text-muted: #9b7fba; --accent: #b24bf3;
    --accent2: #d170ff; --success: #00d68f; --border: rgba(178,75,243,0.1);
    --card-shadow: 0 4px 24px rgba(0,0,0,0.4);
    --glass: rgba(42,21,72,0.85); --input-bg: #3a2060;
    --scheme: dark;
}

/* ── AÇIK TEMALAR ── */

[data-theme="cloud"] {
    --bg: #f0f2f5; --surface: #ffffff; --surface2: #f8f9fa;
    --text: #1a1a2e; --text-muted: #6c757d; --accent: #e94560;
    --accent2: #ff6b6b; --success: #28a745; --border: rgba(0,0,0,0.08);
    --card-shadow: 0 2px 12px rgba(0,0,0,0.06);
    --glass: rgba(255,255,255,0.9); --input-bg: #f8f9fa;
    --scheme: light;
}

[data-theme="sand"] {
    --bg: #f5f0e8; --surface: #fffdf7; --surface2: #f0ebe0;
    --text: #2c2418; --text-muted: #8c7b6b; --accent: #c17a2a;
    --accent2: #e09840; --success: #4caf50; --border: rgba(139,90,43,0.1);
    --card-shadow: 0 2px 12px rgba(0,0,0,0.05);
    --glass: rgba(255,253,247,0.9); --input-bg: #f0ebe0;
    --scheme: light;
}

[data-theme="mint"] {
    --bg: #ecf9f2; --surface: #ffffff; --surface2: #e8f5ee;
    --text: #1a2e22; --text-muted: #5a8a6a; --accent: #00a86b;
    --accent2: #2ecc71; --success: #00a86b; --border: rgba(0,168,107,0.1);
    --card-shadow: 0 2px 12px rgba(0,0,0,0.05);
    --glass: rgba(255,255,255,0.9); --input-bg: #e8f5ee;
    --scheme: light;
}

[data-theme="rose"] {
    --bg: #fdf2f4; --surface: #ffffff; --surface2: #fce8ec;
    --text: #2e1a20; --text-muted: #99727a; --accent: #e84393;
    --accent2: #fd79a8; --success: #00b894; --border: rgba(232,67,147,0.1);
    --card-shadow: 0 2px 12px rgba(0,0,0,0.05);
    --glass: rgba(255,255,255,0.9); --input-bg: #fce8ec;
    --scheme: light;
}

[data-theme="sky"] {
    --bg: #eef4fb; --surface: #ffffff; --surface2: #e3edf7;
    --text: #1a2233; --text-muted: #6b7f99; --accent: #2980b9;
    --accent2: #3498db; --success: #27ae60; --border: rgba(41,128,185,0.1);
    --card-shadow: 0 2px 12px rgba(0,0,0,0.05);
    --glass: rgba(255,255,255,0.9); --input-bg: #e3edf7;
    --scheme: light;
}

/* ── Fallback: tema seçilmemişse midnight ── */
:root {
    --bg: #0f0f1a; --surface: #1a1a2e; --surface2: #25253e;
    --text: #e0e0ff; --text-muted: #8888aa; --accent: #e94560;
    --accent2: #ff6b6b; --success: #00d68f; --border: rgba(255,255,255,0.06);
    --card-shadow: 0 4px 24px rgba(0,0,0,0.3);
    --glass: rgba(26,26,46,0.85); --input-bg: #25253e;
    --scheme: dark;
}