/* variables.css — Warm & Bold palette */

/* Отключаем принудительное затемнение Android WebView (MAX) */
:root[data-theme="light"],
:root[data-theme="light"] * {
    color-scheme: only light;
    forced-color-adjust: none;
    -webkit-text-fill-color: initial;
}

:root {
    /* Основная палитра — тёплая, насыщенная, с характером */
    --primary: #C0643E; /* насыщенный терракот */
    --primary-dark: #A3522E; /* глубокий тёплый */
    --primary-light: #D4885E; /* яркий персик */
    --secondary: #6B8F5B; /* сочный шалфей */
    --success: #6B8F5B;
    --danger: #C0643E;
    --warning: #A89880;

    /* Нейтральные — контрастные, тёплые */
    --dark: #1E1812; /* глубокий тёмный шоколад */
    --dark-light: #5A504A;
    --light: #FBF7F2; /* тёплые сливки */
    --white: #FFFFFF;
    --gray: #756B5E; /* тёплый контрастный серый */
    --gray-light: #E8E0D5; /* крем */
    --muted: #C4B8A6; /* тёплый песок */

    /* Дополнительные — чувственные оттенки */
    --sage: #B5C4A5; /* шалфей */
    --dusty-pink: #D4AEA4; /* пыльная роза */
    --warm-gray: #A69888;
    --beige: #F2EBE0; /* тёплый лён */
    --blush: #DDBDB2; /* румянец */

    /* Градиенты — с глубиной */
    --gradient-primary: linear-gradient(160deg, #D07850 0%, #C0643E 100%);
    --gradient-soft: linear-gradient(135deg, #F2EBE0 0%, #E8E0D5 100%);
    --gradient-card: linear-gradient(145deg, rgba(255,255,255,0.95) 0%, rgba(251,247,242,0.8) 100%);

    /* Семантические алиасы */
    --surface: #FFFFFF;
    --surface-secondary: #F2EBE0;
    --border: #E0D7CA;
    --text-primary: #1E1812;
    --text-secondary: #756B5E;
    --primary-rgb: 192, 100, 62;
    --primary-very-light: rgba(var(--primary-rgb), 0.10);
    --font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-caption: 500;
    --transition-fast: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    --border-radius-pill: 100px;
    --shadow-nav: 0 -1px 8px rgba(0, 0, 0, 0.05);

    /* Dashboard */
    --bg-dashboard: #FBF7F2;

    /* Элементы дизайна — скруглённые */
    --border-radius: 18px;
    --border-radius-large: 26px;
    --border-radius-small: 14px;
    --shadow: 0 2px 16px rgba(var(--primary-rgb), 0.14);
    --shadow-lg: 0 2px 8px rgba(0,0,0,0.06), 0 8px 28px rgba(0,0,0,0.06);
    --shadow-card: 0 1px 4px rgba(0,0,0,0.04), 0 4px 16px rgba(0,0,0,0.035);
    --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* =============== DARK THEME =============== */
[data-theme="dark"] {
    --primary: #D88A5C;
    --primary-dark: #C0643E;
    --primary-light: #E4A87E;
    --secondary: #8AAE72;
    --success: #8AAE72;

    --dark: #F5EDE2;
    --dark-light: #ADA59A;
    --light: #181410;
    --white: #242018;
    --gray: #ADA59A;
    --gray-light: #342E24;
    --muted: #524A3E;

    --beige: #2E281E;
    --sage: #445838;
    --blush: #44362E;

    --surface: #242018;
    --surface-secondary: #2E281E;
    --border: #403828;
    --text-primary: #F5EDE2;
    --text-secondary: #ADA59A;
    --primary-rgb: 216, 138, 92;
    --primary-very-light: rgba(var(--primary-rgb), 0.18);

    --shadow-nav: 0 -2px 12px rgba(0, 0, 0, 0.35);
    --bg-dashboard: #181410;

    --gradient-primary: linear-gradient(160deg, var(--primary) 0%, var(--primary-dark) 100%);
    --gradient-soft: linear-gradient(135deg, #2E281E 0%, #342E24 100%);
    --gradient-card: linear-gradient(145deg, rgba(36,32,24,0.95) 0%, rgba(36,32,24,0.75) 100%);

    --shadow: 0 4px 20px rgba(0, 0, 0, 0.35);
    --shadow-lg: 0 8px 40px rgba(0, 0, 0, 0.45);
    --shadow-card: 0 2px 16px rgba(0, 0, 0, 0.25);
}