/* ==========================================================================
   MigraPath — Premium Tema CSS Değişkenleri (Dark / Light)
   Referans: example.css tasarım dili
   ========================================================================== */

/* ---------- Dark Tema ---------- */
.theme-dark {
    --bg-primary: #040914;
    --bg-secondary: #071226;
    --bg-tertiary: #0a1733;
    --text-primary: #f3f7ff;
    --text-secondary: #a9b8d4;
    --text-soft: #879abf;
    --accent: #bf9341;
    --accent-hover: #d6b066;
    --accent-light: #f3e2b7;
    --border: rgba(167, 189, 233, 0.18);
    --border-accent: rgba(214, 176, 102, 0.28);
    --card-bg: rgba(10, 24, 52, 0.82);
    --card-bg-alt: rgba(8, 18, 39, 0.88);
    --input-bg: rgba(5, 13, 29, 0.68);
    --input-border: rgba(167, 189, 233, 0.18);
    --input-focus: rgba(214, 176, 102, 0.48);
    --input-focus-ring: rgba(214, 176, 102, 0.12);
    --danger: #e53e3e;
    --danger-hover: #c53030;
    --danger-bg: rgba(229, 62, 62, 0.1);
    --success: #38a169;
    --success-bg: rgba(56, 161, 105, 0.1);
    --shadow-soft: 0 18px 38px rgba(2, 8, 20, 0.32);
    --shadow-deep: 0 28px 72px rgba(1, 5, 16, 0.46);
    --shadow-card: 0 4px 24px rgba(1, 5, 16, 0.28);
    --overlay: rgba(4, 9, 20, 0.56);
    --glass-bg: rgba(11, 23, 49, 0.88);
    --glass-border: rgba(214, 176, 102, 0.18);
    --gradient-body: linear-gradient(180deg, #081229 0%, #040914 100%);
    --gradient-radial-blue: rgba(143, 174, 226, 0.16);
    --gradient-radial-gold: rgba(214, 176, 102, 0.14);
    --gradient-card: linear-gradient(180deg, rgba(12, 26, 56, 0.86), rgba(8, 18, 38, 0.92));
    --gradient-card-shine: linear-gradient(140deg, rgba(255, 255, 255, 0.05), transparent 42%);
    --grid-line: rgba(143, 174, 226, 0.05);
    --sky-200: #cddaf5;
    --sky-300: #8faee2;
}

/* ---------- Light Tema ---------- */
.theme-light {
    --bg-primary: #f8f9fc;
    --bg-secondary: #ffffff;
    --bg-tertiary: #eef1f6;
    --text-primary: #0f1d36;
    --text-secondary: #3d4e6a;
    --text-soft: #4a5a78;
    --accent: #bf9341;
    --accent-hover: #a67e2e;
    --accent-light: #7a5f28;
    --border: rgba(15, 29, 54, 0.14);
    --border-accent: rgba(191, 147, 65, 0.28);
    --card-bg: #ffffff;
    --card-bg-alt: #f4f6fa;
    --input-bg: #f4f6fa;
    --input-border: rgba(15, 29, 54, 0.18);
    --input-focus: rgba(191, 147, 65, 0.5);
    --input-focus-ring: rgba(191, 147, 65, 0.14);
    --danger: #dc3545;
    --danger-hover: #c82333;
    --danger-bg: rgba(220, 53, 69, 0.08);
    --success: #28a745;
    --success-bg: rgba(40, 167, 69, 0.08);
    --shadow-soft: 0 12px 32px rgba(15, 29, 54, 0.08);
    --shadow-deep: 0 20px 48px rgba(15, 29, 54, 0.12);
    --shadow-card: 0 4px 20px rgba(15, 29, 54, 0.06);
    --overlay: rgba(248, 249, 252, 0.72);
    --glass-bg: rgba(255, 255, 255, 0.95);
    --glass-border: rgba(191, 147, 65, 0.2);
    --gradient-body: linear-gradient(180deg, #f8f9fc 0%, #eef1f6 100%);
    --gradient-radial-blue: rgba(143, 174, 226, 0.08);
    --gradient-radial-gold: rgba(214, 176, 102, 0.06);
    --gradient-card: linear-gradient(180deg, #ffffff, #fafbfd);
    --gradient-card-shine: linear-gradient(140deg, rgba(255, 255, 255, 0.25), transparent 42%);
    --grid-line: rgba(15, 29, 54, 0.04);
    --sky-200: #4a5a78;
    --sky-300: #3a4d6e;
}

/* ---------- System Tema (prefers-color-scheme) ---------- */
.theme-system {
    --bg-primary: #f8f9fc;
    --bg-secondary: #ffffff;
    --bg-tertiary: #eef1f6;
    --text-primary: #0f1d36;
    --text-secondary: #3d4e6a;
    --text-soft: #4a5a78;
    --accent: #bf9341;
    --accent-hover: #a67e2e;
    --accent-light: #7a5f28;
    --border: rgba(15, 29, 54, 0.14);
    --border-accent: rgba(191, 147, 65, 0.28);
    --card-bg: #ffffff;
    --card-bg-alt: #f4f6fa;
    --input-bg: #f4f6fa;
    --input-border: rgba(15, 29, 54, 0.18);
    --input-focus: rgba(191, 147, 65, 0.5);
    --input-focus-ring: rgba(191, 147, 65, 0.14);
    --danger: #dc3545;
    --danger-hover: #c82333;
    --danger-bg: rgba(220, 53, 69, 0.08);
    --success: #28a745;
    --success-bg: rgba(40, 167, 69, 0.08);
    --shadow-soft: 0 12px 32px rgba(15, 29, 54, 0.08);
    --shadow-deep: 0 20px 48px rgba(15, 29, 54, 0.12);
    --shadow-card: 0 4px 20px rgba(15, 29, 54, 0.06);
    --overlay: rgba(248, 249, 252, 0.72);
    --glass-bg: rgba(255, 255, 255, 0.95);
    --glass-border: rgba(191, 147, 65, 0.2);
    --gradient-body: linear-gradient(180deg, #f8f9fc 0%, #eef1f6 100%);
    --gradient-radial-blue: rgba(143, 174, 226, 0.08);
    --gradient-radial-gold: rgba(214, 176, 102, 0.06);
    --gradient-card: linear-gradient(180deg, #ffffff, #fafbfd);
    --gradient-card-shine: linear-gradient(140deg, rgba(255, 255, 255, 0.25), transparent 42%);
    --grid-line: rgba(15, 29, 54, 0.04);
    --sky-200: #4a5a78;
    --sky-300: #3a4d6e;
}

@media (prefers-color-scheme: dark) {
    .theme-system {
        --bg-primary: #040914;
        --bg-secondary: #071226;
        --bg-tertiary: #0a1733;
        --text-primary: #f3f7ff;
        --text-secondary: #a9b8d4;
        --text-soft: #879abf;
        --accent: #bf9341;
        --accent-hover: #d6b066;
        --accent-light: #f3e2b7;
        --border: rgba(167, 189, 233, 0.18);
        --border-accent: rgba(214, 176, 102, 0.28);
        --card-bg: rgba(10, 24, 52, 0.82);
        --card-bg-alt: rgba(8, 18, 39, 0.88);
        --input-bg: rgba(5, 13, 29, 0.68);
        --input-border: rgba(167, 189, 233, 0.18);
        --input-focus: rgba(214, 176, 102, 0.48);
        --input-focus-ring: rgba(214, 176, 102, 0.12);
        --danger: #e53e3e;
        --danger-hover: #c53030;
        --danger-bg: rgba(229, 62, 62, 0.1);
        --success: #38a169;
        --success-bg: rgba(56, 161, 105, 0.1);
        --shadow-soft: 0 18px 38px rgba(2, 8, 20, 0.32);
        --shadow-deep: 0 28px 72px rgba(1, 5, 16, 0.46);
        --shadow-card: 0 4px 24px rgba(1, 5, 16, 0.28);
        --overlay: rgba(4, 9, 20, 0.56);
        --glass-bg: rgba(11, 23, 49, 0.88);
        --glass-border: rgba(214, 176, 102, 0.18);
        --gradient-body: linear-gradient(180deg, #081229 0%, #040914 100%);
        --gradient-radial-blue: rgba(143, 174, 226, 0.16);
        --gradient-radial-gold: rgba(214, 176, 102, 0.14);
        --gradient-card: linear-gradient(180deg, rgba(12, 26, 56, 0.86), rgba(8, 18, 38, 0.92));
        --gradient-card-shine: linear-gradient(140deg, rgba(255, 255, 255, 0.05), transparent 42%);
        --grid-line: rgba(143, 174, 226, 0.05);
        --sky-200: #cddaf5;
        --sky-300: #8faee2;
    }
}