/* Палитры по фазе суток (ADR-0014: phase_of_day из weather_engine).
 * Скрытое решение этого файла: какие именно цвета используются для каждой
 * фазы. Стабильный интерфейс наружу — набор CSS-переменных, которыми
 * пользуются и сцена, и оверлей. Перебрать палитру можно правкой только
 * этого файла, не трогая разметку или JS.
 *
 * Источник колориметрии — frontend_prototype/scene.jsx (TIME_PALETTES).
 * Маппинг: dawn ← morning, dusk ← evening, day и night — без изменений.
 *
 * Облачные цвета хранятся как тройки RGB-компонентов, чтобы накладывать
 * прозрачность через rgba(var(--cloud-light-rgb), <alpha>) в местах, где
 * нужен другой alpha — это повторяет паттерн прототипа (palette.cloudLight + '0.9)'). */

[data-weather-scene] {
  /* Дефолт — день. Применяется, если data-phase не установлен. */
  --sky-top: #4b86b8;
  --sky-mid: #7cb3d1;
  --sky-bot: #cfe4e8;
  --sea-1:   #2d5a75;
  --sea-2:   #5a8fa8;
  --sun:     #fff8e0;
  --sun-glow: rgba(255, 240, 180, 0.5);
  --fog:     rgba(255, 255, 255, 0.1);
  --text:    #ffffff;
  --accent:  #ffd470;
  --light-beam: rgba(255, 245, 200, 0.18);
  --silhouette: #1e3a4a;
  --cloud-dark-rgb: 120, 135, 155;
  --cloud-mid-rgb: 150, 165, 185;
  --cloud-light-rgb: 255, 255, 255;
  --cloud-light-hi-rgb: 255, 255, 255;
}

[data-weather-scene][data-phase="dawn"] {
  --sky-top: #5e6b8c;
  --sky-mid: #d88e84;
  --sky-bot: #f4c9a8;
  --sea-1:   #4a5570;
  --sea-2:   #7d7d8e;
  --sun:     #fff1d6;
  --sun-glow: rgba(255, 198, 140, 0.55);
  --fog:     rgba(255, 220, 200, 0.18);
  --text:    #faf6ef;
  --accent:  #ffb37a;
  --light-beam: rgba(255, 232, 180, 0.35);
  --silhouette: #2d3145;
  --cloud-dark-rgb: 130, 115, 135;
  --cloud-mid-rgb: 155, 140, 155;
  --cloud-light-rgb: 255, 230, 215;
  --cloud-light-hi-rgb: 255, 240, 230;
}

[data-weather-scene][data-phase="day"] {
  --sky-top: #4b86b8;
  --sky-mid: #7cb3d1;
  --sky-bot: #cfe4e8;
  --sea-1:   #2d5a75;
  --sea-2:   #5a8fa8;
  --sun:     #fff8e0;
  --sun-glow: rgba(255, 240, 180, 0.5);
  --fog:     rgba(255, 255, 255, 0.1);
  --text:    #ffffff;
  --accent:  #ffd470;
  --light-beam: rgba(255, 245, 200, 0.18);
  --silhouette: #1e3a4a;
  --cloud-dark-rgb: 120, 135, 155;
  --cloud-mid-rgb: 150, 165, 185;
  --cloud-light-rgb: 255, 255, 255;
  --cloud-light-hi-rgb: 255, 255, 255;
}

[data-weather-scene][data-phase="dusk"] {
  --sky-top: #2e2852;
  --sky-mid: #c2456a;
  --sky-bot: #f4a261;
  --sea-1:   #2a2248;
  --sea-2:   #6e3e60;
  --sun:     #ffddb0;
  --sun-glow: rgba(255, 140, 90, 0.6);
  --fog:     rgba(255, 160, 120, 0.18);
  --text:    #fff4e6;
  --accent:  #ff7a59;
  --light-beam: rgba(255, 200, 150, 0.5);
  --silhouette: #14102a;
  --cloud-dark-rgb: 95, 75, 105;
  --cloud-mid-rgb: 125, 100, 130;
  --cloud-light-rgb: 255, 200, 165;
  --cloud-light-hi-rgb: 255, 220, 190;
}

[data-weather-scene][data-phase="night"] {
  --sky-top: #060716;
  --sky-mid: #0f1838;
  --sky-bot: #1a2850;
  --sea-1:   #050a1a;
  --sea-2:   #0e1a38;
  --sun:     #e8ecff;
  --sun-glow: rgba(180, 200, 255, 0.35);
  --fog:     rgba(120, 140, 200, 0.15);
  --text:    #e8edff;
  --accent:  #ffb86b;
  --light-beam: rgba(255, 220, 170, 0.55);
  --silhouette: #040612;
  --cloud-dark-rgb: 85, 90, 105;
  --cloud-mid-rgb: 110, 115, 130;
  --cloud-light-rgb: 175, 185, 215;
  --cloud-light-hi-rgb: 200, 210, 235;
}