/* cal-theme-light.css — светлая тема */

html[data-theme="light"] {
    --bg:        #eef0f0;
    --surface:   #ffffff;
    --surface2:  #e8ebeb;
    --surface3:  #dde1e1;
    --border:    #cdd3d3;
    --border2:   #b8c0c0;
    --text:      #141717;
    --text2:     #4a5555;
    --text3:     #8a9696;
    --accent:    #dd9f00;
    --accent2:   #ffb76b;
    --green:     #1a9e92;
    --amber:     #d4800a;

    /* Стекло sticky-шапки — достаточно прозрачное, чтобы был виден blur */
    --glass-bg:     rgba(238, 240, 240, 0.55);
    --glass-border: rgba(0, 0, 0, 0.10);

    /* Триггеры фильтров */
    --flt-bg:     rgba(0, 0, 0, 0.05);
    --flt-border: rgba(0, 0, 0, 0.14);
}

/* Лёгкая текстура фона — без неё blur не виден (нечего размывать) */
html[data-theme="light"] body {
    background:
        radial-gradient(ellipse at 20% 30%, rgba(46,196,182,0.07) 0%, transparent 50%),
        radial-gradient(ellipse at 80% 70%, rgba(230,57,70,0.06) 0%, transparent 50%),
        var(--bg);
}

/* Усиленная тень и чёткая нижняя граница */
html[data-theme="light"] .sticky-header {
    box-shadow:
        0 1px 0 rgba(0, 0, 0, 0.08),
        0 4px 24px rgba(0, 0, 0, 0.10),
        0 8px 40px rgba(0, 0, 0, 0.06);
}

/* Чередование строк таблицы — только видимые строки, красим через JS-класс .row-even */
html[data-theme="light"] tr.event-row.row-even {
    background: var(--surface2);
}

/* CTA-баннер в светлой теме */
html[data-theme="light"] .cta-banner {
    background: linear-gradient(135deg, #e8ebeb 0%, #dde1e1 100%);
    border-color: var(--border2);
}
html[data-theme="light"] .cta-banner p {
    color: var(--text);
}

/* Иконки: в светлой теме показываем луну (→ переключить на тёмную) */
html[data-theme="light"] .theme-icon--sun  { display: none;  }
html[data-theme="light"] .theme-icon--moon { display: block; }