/* ========================================
   Sellityet – Theme (Light Gold)
   ======================================== */

html[data-color-mode="light"],
html:not([data-color-mode]) {
    --primary: #C9941A;
    --primary-dark: #A67C14;
    --primary-light: #FFF3CC;
    --accent: #E6B422;
    --accent-dark: #C9941A;
    --accent-2: #D4AF37;

    --bg: #FFFBF2;
    --surface: #FFFFFF;
    --surface-alt: #FFF8E7;
    --surface-glass: rgba(255, 252, 245, 0.88);

    --text-primary: #3D3428;
    --text-secondary: #6B5E4F;
    --text-muted: #9A8B78;
    --text-inverse: #FFFFFF;

    --border: #E8DFC8;
    --border-light: #F3EBD6;

    --success: #2E7D32;
    --success-bg: #E8F5E9;
    --warning: #E6A817;
    --warning-bg: #FFF8E1;
    --danger: #C62828;
    --danger-bg: #FFEBEE;
    --info: #C9941A;
    --info-bg: #FFF8E7;

    --shadow-sm: 0 1px 3px rgba(61, 52, 40, 0.06);
    --shadow: 0 4px 14px rgba(61, 52, 40, 0.08);
    --shadow-md: 0 6px 20px rgba(61, 52, 40, 0.1);
    --shadow-lg: 0 12px 40px rgba(61, 52, 40, 0.14);

    --hero-gradient: linear-gradient(180deg, #FFFBF2 0%, #FFF3CC 45%, #FFE8A3 100%);
    --brand-gradient: linear-gradient(135deg, #C9941A 0%, #E6B422 100%);
    --overlay-bg: rgba(61, 52, 40, 0.45);
}

html[data-color-mode="light"] body:not([data-theme]).app-hyperspeed,
html[data-color-mode="light"] body.app-hyperspeed {
    background-color: #000000 !important;
}

/* ---- Global transitions ---- */
body,
.header,
.site-header,
.sidebar,
.dashboard-header,
.card,
.shop-header,
.btn-primary {
    transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease;
}

.toast-container {
    top: 64px;
    right: var(--space-lg);
}