/*
 * =========================================
 *  UstaYapsın — Design System Tokens
 *  Single source of truth for all colors
 * =========================================
 *
 *  PALETTE:
 *  ┌──────────┬───────────┬─────────────────────────┐
 *  │ Token    │ Hex       │ Usage                   │
 *  ├──────────┼───────────┼─────────────────────────┤
 *  │ cream    │ #f8f7ff   │ Page backgrounds        │
 *  │ peach-1  │ #ffeedd   │ Primary / cards / soft  │
 *  │ peach-2  │ #ffd8be   │ Primary dark / buttons  │
 *  │ purple-1 │ #b8b8ff   │ Accent light            │
 *  │ purple-2 │ #9381ff   │ Accent / CTA / links    │
 *  └──────────┴───────────┴─────────────────────────┘
 *
 *  To change the entire app's look, edit ONLY this file.
 */

:root,
[data-bs-theme=light] {
    /* ── Palette Tokens ── */
    --token-cream: #f9f9f9;
    --token-peach-1: #ffeedd;
    --token-peach-2: #ff7f4c;
    --token-purple-1: #b8b8ff;
    --token-purple-2: #9381ff;

    /* ── Derived: Primary (Peach) ── */
    --token-primary: var(--token-peach-2);
    --token-primary-light: var(--token-peach-1);
    --token-primary-dark: #e8b88a;
    --token-primary-rgb: 255, 216, 190;

    /* ── Derived: Accent (Purple) ── */
    --token-accent: var(--token-purple-2);
    --token-accent-light: var(--token-purple-1);
    --token-accent-dark: #7a6bd4;
    --token-accent-rgb: 147, 129, 255;

    /* ── Backgrounds ── */
    --token-bg-body: var(--token-cream);
    --token-bg-card: #ffffff;
    --token-bg-section: #ffffff;
    --token-bg-soft: var(--token-peach-1);

    /* ── Text ── */
    --token-text-dark: #18181a;
    --token-text-body: #5E6472;
    --token-text-muted: #A1A5AF;
    --token-text-on-primary: #18181a;
    --token-text-on-accent: #ffffff;

    /* ── Borders ── */
    --token-border: #EFF1F4;
    --token-border-input: #e4e4e4;
    --token-border-active: rgba(255, 216, 190, 0.6);

    /* ── Shadows ── */
    --token-shadow: rgba(0, 0, 0, 0.05);
    --token-shadow-primary: rgba(255, 216, 190, 0.3);
    --token-shadow-accent: rgba(147, 129, 255, 0.15);

    /* ── Footer ── */
    --token-footer-bg: #1a1433;
    --token-footer-bottom: var(--token-cream);

    /* ── Status Colors (unchanged) ── */
    --token-success: #04BB7B;
    --token-success-light: #B2F6DE;
    --token-warning: #FFBB38;
    --token-warning-light: #ffeac2;
    --token-danger: #FF4040;
    --token-danger-light: #FFD1D1;
    --token-info: #3C76F1;
    --token-info-light: #DCE6FC;

    /* =========================================
       LEGACY VARIABLE MAPPING (Overrides)
       ========================================= */
    --bs-primary: var(--token-primary);
    --bs-primary-dark: var(--token-primary-dark);
    --bs-primary-light: var(--token-primary-light);
    --bs-primary-rgb: var(--token-primary-rgb);
    --btn-rgb: var(--token-primary-rgb);
    --btn-clr: var(--token-primary);
    --btn-clr-dark: var(--token-primary-dark);

    --base-clr: var(--token-primary);
    --base-rgb: var(--token-primary-rgb);
    --base-title: var(--token-primary);
    --base-white: var(--token-primary);
    --primary-clr: var(--token-primary);
    --primary-rgb: var(--token-primary-rgb);

    --bs-info: var(--token-accent);
    --bs-info-rgb: var(--token-accent-rgb);
}

/* ── Dark Mode ── */
[data-bs-theme=dark] {
    --token-primary: #f4c2a2;
    --token-primary-light: rgba(244, 194, 162, 0.15);
    --token-primary-dark: #dfa27f;
    --token-primary-rgb: 244, 194, 162;

    --token-accent: #b8b8ff;
    --token-accent-light: rgba(184, 184, 255, 0.15);
    --token-accent-dark: #9381ff;
    --token-accent-rgb: 184, 184, 255;

    --token-bg-body: #18181a;
    --token-bg-card: #232325;
    --token-bg-section: #232325;
    --token-bg-soft: rgba(255, 216, 190, 0.08);

    --token-text-dark: rgba(255, 255, 255, 0.9);
    --token-text-body: #ccd0d3;
    --token-text-muted: #758590;
    --token-text-on-primary: #18181a;
    --token-text-on-accent: #18181a;

    --token-border: #404040;
    --token-border-input: #505050;
    --token-border-active: rgba(255, 216, 190, 0.4);

    --token-shadow: rgba(255, 255, 255, 0.05);
    --token-shadow-primary: rgba(255, 216, 190, 0.1);
    --token-shadow-accent: rgba(147, 129, 255, 0.1);

    --token-footer-bg: #0f0b24;
    --token-footer-bottom: #1a1433;

    /* =========================================
       LEGACY VARIABLE MAPPING (Overrides)
       ========================================= */
    --bs-primary: var(--token-primary);
    --bs-primary-dark: var(--token-primary-dark);
    --bs-primary-light: var(--token-primary-light);
    --bs-primary-rgb: var(--token-primary-rgb);
    --btn-rgb: var(--token-primary-rgb);
    --btn-clr: var(--token-primary);
    --btn-clr-dark: var(--token-primary-dark);

    --base-clr: var(--token-primary);
    --base-rgb: var(--token-primary-rgb);
    --base-title: var(--token-primary);
    --base-white: var(--token-primary);
    --primary-clr: var(--token-primary);
    --primary-rgb: var(--token-primary-rgb);

    --bs-info: var(--token-accent);
    --bs-info-rgb: var(--token-accent-rgb);
}

/* ── Landing-specific dark theme ── */
.dark-theme {
    --token-primary: #f4c2a2;
    --token-primary-light: rgba(244, 194, 162, 0.15);
    --token-primary-dark: #dfa27f;
    --token-primary-rgb: 244, 194, 162;

    --token-accent: #9381ff;
    --token-accent-light: #b8b8ff;
    --token-accent-dark: #7a6bd4;
    --token-accent-rgb: 184, 184, 255;

    --token-bg-body: #121213;
    --token-bg-card: #1a1433;
    --token-bg-section: rgba(26, 20, 51, 0.6);
    --token-bg-soft: rgba(255, 216, 190, 0.08);

    --token-text-dark: rgba(255, 255, 255, 0.9);
    --token-text-body: #c0b8e0;
    --token-text-muted: #758590;

    --token-border: #2e2750;
    --token-border-input: #3d3560;

    --token-shadow: rgba(255, 255, 255, 0.05);

    --token-footer-bg: #0f0b24;
    --token-footer-bottom: #1a1433;

    /* =========================================
       LEGACY VARIABLE MAPPING (Overrides)
       ========================================= */
    --bs-primary: var(--token-primary);
    --bs-primary-dark: var(--token-primary-dark);
    --bs-primary-light: var(--token-primary-light);
    --bs-primary-rgb: var(--token-primary-rgb);
    --btn-rgb: var(--token-primary-rgb);
    --btn-clr: var(--token-primary);
    --btn-clr-dark: var(--token-primary-dark);

    --base-clr: var(--token-primary);
    --base-rgb: var(--token-primary-rgb);
    --base-title: var(--token-primary);
    --base-white: var(--token-primary);
    --primary-clr: var(--token-primary);
    --primary-rgb: var(--token-primary-rgb);

    --bs-info: var(--token-accent);
    --bs-info-rgb: var(--token-accent-rgb);
}

/* =========================================
   LANDING PAGE EXPLICIT OVERRIDES
   ========================================= */

/* Navbar Background */
.navbar-bottom-wrapper {
    background: var(--token-cream) !important;
}

/* Subscribe Area */
.subscribe-newsletter {
    background-color: var(--token-primary-light) !important;
    background-image: none !important;
}
.subscribe-form-group .form-control {
    border-color: var(--token-primary) !important;
}
.subscribe-btn, .subscribe-form-group .cmn--btn {
    background-color: var(--token-primary) !important;
    color: var(--token-text-on-primary) !important;
    border: none !important;
}

/* Footer Background */
.main-footer {
    background-color: var(--token-footer-bg) !important;
}
.footer-bottom {
    background-color: var(--token-footer-bottom) !important;
}

/* Dark Theme Specific Overrides */
.dark-theme .navbar-bottom-wrapper {
    background: var(--token-bg-section) !important;
}
.dark-theme .subscribe-newsletter {
    background-color: var(--token-bg-section) !important;
}