/* EGEByte — тёплая тема. Подключается поверх site.css, только когда Site:Theme = "warm"
   (или у себя в браузере: ?theme=warm). Цвета — из картинки ИИ-репетитора: кремовое свечение,
   песочные тона, бирюза фона и тёплый графит. Классическая тема этот файл не использует,
   поэтому вернуть прежний вид — просто поставить Site:Theme = "classic". */

html[data-theme="warm"] {
    --eb-bg: #FBF7F1;
    --eb-tile: #F4EDE3;
    --eb-tile-2: #EDE4D6;
    --eb-tile-hover: #E7DCCB;

    --eb-text: #2C2824;
    --eb-strong: #1F1C19;
    --eb-muted: #857B6F;
    --eb-subtle: #ADA394;
    --eb-quiet: #5F574D;

    --eb-border: #EFE7DB;
    --eb-border-strong: #E4D9C8;
    --eb-border-hover: #CDBFAA;

    --eb-accent: #2E7D80;
    --eb-accent-hover: #246669;
    --eb-accent-soft: rgba(46, 125, 128, 0.12);
    --eb-accent-grad: linear-gradient(135deg, #4FA3A2 0%, #2E7D80 100%);
    --eb-pixel: #BFDCD6;

    --eb-dark: #2B2825;
    --eb-dark-2: #3A3530;
    --eb-dark-muted: #B3A99B;
    --eb-on-dark-text: #CFC5B8;
    --eb-on-dark-strong: #E2D9CD;
    --eb-on-dark-accent: #9CD0CB;

    --eb-green: #3F7F5A;   --eb-green-bg: #E7F1E8;
    --eb-red: #C0553F;     --eb-red-bg: #F8E8E1;
    --eb-yellow: #A87B2C;  --eb-yellow-bg: #F6EDD9;
    --eb-violet: #7A5FB0;  --eb-violet-bg: #EFE9F6;
    --eb-blue-bg: #E3F0EE;

    --eb-glow: radial-gradient(120% 95% at 50% 18%, #FBF2E2 0%, #F0E3CE 55%, #DCE5DC 100%);
    --eb-glow-soft: linear-gradient(160deg, #FBF3E6 0%, #EFE1CC 100%);
    --eb-featured-row: #F7F0E5;

    --eb-shadow-sm: 0 1px 4px rgba(60, 42, 25, 0.05), 0 2px 12px rgba(60, 42, 25, 0.06);
    --eb-shadow-md: 0 2px 8px rgba(60, 42, 25, 0.06), 0 16px 40px rgba(60, 42, 25, 0.10);
    --eb-shadow-lg: 0 4px 14px rgba(60, 42, 25, 0.07), 0 30px 70px rgba(60, 42, 25, 0.17);
}

/* Шапка и поверхности, которые в классической теме чисто белые */
html[data-theme="warm"] .topbar { background: rgba(251, 247, 241, 0.86); }
html[data-theme="warm"] .nav-toggle,
html[data-theme="warm"] .btn--outline,
html[data-theme="warm"] .btn--white,
html[data-theme="warm"] .field input[type=text],
html[data-theme="warm"] .field input[type=email],
html[data-theme="warm"] .field input[type=tel],
html[data-theme="warm"] .field select,
html[data-theme="warm"] .field textarea,
html[data-theme="warm"] .chip span,
html[data-theme="warm"] .table,
html[data-theme="warm"] .table th,
html[data-theme="warm"] .contact__icon,
html[data-theme="warm"] .benefit__tag { background-color: #FFFDF9; }
html[data-theme="warm"] .btn--white:hover { background: #F6EFE4; }

/* Мягкое кремовое свечение за репетитором — как на картинке */
html[data-theme="warm"] .hero--split {
    background: radial-gradient(46% 72% at 80% 46%, rgba(242, 222, 190, 0.60) 0%, rgba(251, 247, 241, 0) 72%);
}

/* Галочки в списках: бирюзовые */
html[data-theme="warm"] .ticks li::before,
html[data-theme="warm"] .hero__facts li::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232E7D80' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E");
}
html[data-theme="warm"] .plan--featured .ticks li::before,
html[data-theme="warm"] .promo .ticks li::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E");
}

/* Макеты экранов программы */
html[data-theme="warm"] .mock-window,
html[data-theme="warm"] .mock-card,
html[data-theme="warm"] .mock-cal,
html[data-theme="warm"] .mock-report,
html[data-theme="warm"] .mock-chat,
html[data-theme="warm"] .mock-kpi,
html[data-theme="warm"] .mock-panel,
html[data-theme="warm"] .mock-phone__screen { background-color: #FFFDF9; }
html[data-theme="warm"] .mock-window { border-color: rgba(60, 42, 25, 0.07); }
html[data-theme="warm"] .mock-window__bar { background: #FAF4EB; }
html[data-theme="warm"] .mock-window__url { background: #FFFDF9; }
html[data-theme="warm"] .mock-window__dots i { background: #E6DCCB; }
html[data-theme="warm"] .mock-main { background: #FDF9F3; }
html[data-theme="warm"] .mock-cal__cell { background: #F8F2E8; }
html[data-theme="warm"] .mock-progress,
html[data-theme="warm"] .mock-bar { background: #EFE7DA; }
html[data-theme="warm"] .mock-bar i.warn { background: #E2A857; }
html[data-theme="warm"] .mock-tag--muted { background: #EFE8DD; }
html[data-theme="warm"] .mock-map i { background: #EDE4D6; }
html[data-theme="warm"] .mock-map i.g,
html[data-theme="warm"] .mock-legend span:nth-child(1)::before { background: #8DBF9E; }
html[data-theme="warm"] .mock-map i.y,
html[data-theme="warm"] .mock-legend span:nth-child(2)::before { background: #E8C27A; }
html[data-theme="warm"] .mock-map i.r,
html[data-theme="warm"] .mock-legend span:nth-child(3)::before { background: #E3998A; }
html[data-theme="warm"] .mock-ev--ru { background: #F8E6DD; color: #A9452F; box-shadow: inset 3px 0 0 #C0553F; }
html[data-theme="warm"] .mock-ev--math { background: #E3F0EE; color: #23686B; box-shadow: inset 3px 0 0 #2E7D80; }
html[data-theme="warm"] .mock-ev--mock { background: #EFE9F6; color: #6A4FA0; box-shadow: inset 3px 0 0 #7A5FB0; }
html[data-theme="warm"] .mock-ev--drag { background: #FFFDF9; color: #2E7D80; border-color: #2E7D80; box-shadow: 0 10px 24px rgba(46, 125, 128, 0.25); }
html[data-theme="warm"] .mock-quote mark { background: #F6DFA6; }