/*
Theme Name:   BlueLake
Theme URI:    https://bluelakestory.com
Description:  Дочерняя тема для Fictioneer: оформление BlueLake («Голубое озеро»).
Author:       BlueLake
Template:     fictioneer
Version:      1.1.0
License:      GNU General Public License v3 or later
License URI:  https://www.gnu.org/licenses/gpl-3.0.html
Text Domain:  bluelake
*/

/* ==========================================================================
   BlueLake — оформление «Голубое озеро» (вариант B, «Глубокое озеро»)
   Меняет только цвета Fictioneer. Разметку и функции не трогает.
   Настройки читателя (оттенок, насыщенность, яркость) продолжают работать.
   ========================================================================== */

/* ---------- Тёмная тема (в Fictioneer она основная) ---------- */
:root {
  --theme-color-base: 211 48 13;
  --primary-400: hsl(205deg 60% 76%);
  --primary-500: hsl(205deg 55% 67%);
  --primary-600: hsl(208deg 45% 58%);
  --bg-50-free: calc(208deg + var(--hue-rotate)) calc(28% * var(--saturation)) clamp(40%, 80% * var(--darken), 90%);
  --bg-100-free: calc(208deg + var(--hue-rotate)) calc(30% * var(--saturation)) clamp(34%, 68% * var(--darken), 84%);
  --bg-200-free: calc(209deg + var(--hue-rotate)) calc(30% * var(--saturation)) clamp(27%, 54% * var(--darken), 77%);
  --bg-300-free: calc(210deg + var(--hue-rotate)) calc(32% * var(--saturation)) clamp(19%, 38% * var(--darken), 69%);
  --bg-400-free: calc(210deg + var(--hue-rotate)) calc(35% * var(--saturation)) clamp(15%, 30% * var(--darken), 65%);
  --bg-500-free: calc(211deg + var(--hue-rotate)) calc(38% * var(--saturation)) clamp(12.75%, 25.5% * var(--darken), 62.75%);
  --bg-600-free: calc(211deg + var(--hue-rotate)) calc(42% * var(--saturation)) clamp(10.5%, 21% * var(--darken), 60.5%);
  --bg-700-free: calc(211deg + var(--hue-rotate)) calc(45% * var(--saturation)) clamp(8.5%, 17% * var(--darken), 58.5%);
  --bg-800-free: calc(211deg + var(--hue-rotate)) calc(48% * var(--saturation)) clamp(6.75%, 13.5% * var(--darken), 56.75%);
  --bg-900-free: calc(212deg + var(--hue-rotate)) calc(52% * var(--saturation)) clamp(3.75%, 7.5% * var(--darken), 53.75%);
  --bg-950-free: calc(213deg + var(--hue-rotate)) calc(70% * var(--saturation)) clamp(2%, 4% * var(--darken), 52%);
}

:root,
:root .chapter-formatting {
  --fg-100: hsl(calc(208deg + var(--hue-rotate)) max(calc(45% * (var(--font-saturation) + var(--saturation) - 1)), 0%) clamp(0%, calc(93% * var(--font-lightness, 1)), 100%));
  --fg-200: hsl(calc(208deg + var(--hue-rotate)) max(calc(32% * (var(--font-saturation) + var(--saturation) - 1)), 0%) clamp(0%, calc(89% * var(--font-lightness, 1)), 100%));
  --fg-300: hsl(calc(209deg + var(--hue-rotate)) max(calc(26% * (var(--font-saturation) + var(--saturation) - 1)), 0%) clamp(0%, calc(85% * var(--font-lightness, 1)), 100%));
  --fg-400: hsl(calc(209deg + var(--hue-rotate)) max(calc(24% * (var(--font-saturation) + var(--saturation) - 1)), 0%) clamp(0%, calc(80.5% * var(--font-lightness, 1)), 100%));
  --fg-500: hsl(calc(209deg + var(--hue-rotate)) max(calc(22% * (var(--font-saturation) + var(--saturation) - 1)), 0%) clamp(0%, calc(77% * var(--font-lightness, 1)), 100%));
  --fg-600: hsl(calc(209deg + var(--hue-rotate)) max(calc(22% * (var(--font-saturation) + var(--saturation) - 1)), 0%) clamp(0%, calc(71% * var(--font-lightness, 1)), 100%));
  --fg-700: hsl(calc(209deg + var(--hue-rotate)) max(calc(20% * (var(--font-saturation) + var(--saturation) - 1)), 0%) clamp(0%, calc(65% * var(--font-lightness, 1)), 100%));
  --fg-800: hsl(calc(209deg + var(--hue-rotate)) max(calc(15% * (var(--font-saturation) + var(--saturation) - 1)), 0%) clamp(0%, calc(61% * var(--font-lightness, 1)), 100%));
  --fg-900: hsl(calc(210deg + var(--hue-rotate)) max(calc(13% * (var(--font-saturation) + var(--saturation) - 1)), 0%) clamp(0%, calc(54% * var(--font-lightness, 1)), 100%));
  --fg-950: hsl(calc(210deg + var(--hue-rotate)) max(calc(11% * (var(--font-saturation) + var(--saturation) - 1)), 0%) clamp(0%, calc(49% * var(--font-lightness, 1)), 100%));
  --fg-tinted: hsl(calc(207deg + var(--hue-rotate)) max(calc(30% * (var(--font-saturation) + var(--saturation) - 1)), 0%) clamp(0%, calc(76% * var(--font-lightness, 1)), 100%));
  --fg-inverted: hsl(calc(212deg + var(--hue-rotate)) max(calc(40% * (var(--font-saturation) + var(--saturation) - 1)), 0%) clamp(0%, calc(5% * var(--font-lightness, 1)), 100%));
}

/* ---------- Светлая тема ---------- */
:root[data-mode=light] {
  --theme-color-base: 207 30 92;
  --primary-400: hsl(209deg 55% 45%);
  --primary-500: hsl(209deg 59% 34%);
  --primary-600: hsl(212deg 60% 26%);
  --bg-50-free: calc(208deg + var(--hue-rotate)) calc(40% * var(--saturation)) clamp(49.5%, 99% * var(--darken), 99.5%);
  --bg-100-free: calc(207deg + var(--hue-rotate)) calc(36% * var(--saturation)) clamp(48%, 96% * var(--darken), 98%);
  --bg-200-free: calc(207deg + var(--hue-rotate)) calc(30% * var(--saturation)) clamp(46%, 92% * var(--darken), 96%);
  --bg-300-free: calc(208deg + var(--hue-rotate)) calc(28% * var(--saturation)) clamp(43.5%, 87% * var(--darken), 93.5%);
  --bg-400-free: calc(208deg + var(--hue-rotate)) calc(24% * var(--saturation)) clamp(40%, 80% * var(--darken), 90%);
  --bg-500-free: calc(208deg + var(--hue-rotate)) calc(20% * var(--saturation)) clamp(35.5%, 71% * var(--darken), 85.5%);
  --bg-600-free: calc(209deg + var(--hue-rotate)) calc(18% * var(--saturation)) clamp(22.5%, 45% * var(--darken), 72.5%);
  --bg-700-free: calc(209deg + var(--hue-rotate)) calc(28% * var(--saturation)) clamp(16.5%, 33% * var(--darken), 66.5%);
  --bg-800-free: calc(209deg + var(--hue-rotate)) calc(50% * var(--saturation)) clamp(10%, 20% * var(--darken), 60%);
  --bg-900-free: calc(210deg + var(--hue-rotate)) calc(55% * var(--saturation)) clamp(6%, 12% * var(--darken), 56%);
  --bg-950-free: calc(211deg + var(--hue-rotate)) calc(70% * var(--saturation)) clamp(2.5%, 5% * var(--darken), 52.5%);
}

:root[data-mode=light],
:root[data-mode=light] .chapter-formatting {
  --fg-100: hsl(calc(212deg + var(--hue-rotate)) max(calc(70% * (var(--font-saturation) + var(--saturation) - 1)), 0%) clamp(0%, calc(4% * var(--font-lightness, 1)), 100%));
  --fg-200: hsl(calc(212deg + var(--hue-rotate)) max(calc(60% * (var(--font-saturation) + var(--saturation) - 1)), 0%) clamp(0%, calc(6% * var(--font-lightness, 1)), 100%));
  --fg-300: hsl(calc(211deg + var(--hue-rotate)) max(calc(50% * (var(--font-saturation) + var(--saturation) - 1)), 0%) clamp(0%, calc(9% * var(--font-lightness, 1)), 100%));
  --fg-400: hsl(calc(211deg + var(--hue-rotate)) max(calc(40% * (var(--font-saturation) + var(--saturation) - 1)), 0%) clamp(0%, calc(12% * var(--font-lightness, 1)), 100%));
  --fg-500: hsl(calc(210deg + var(--hue-rotate)) max(calc(33% * (var(--font-saturation) + var(--saturation) - 1)), 0%) clamp(0%, calc(16% * var(--font-lightness, 1)), 100%));
  --fg-600: hsl(calc(210deg + var(--hue-rotate)) max(calc(24% * (var(--font-saturation) + var(--saturation) - 1)), 0%) clamp(0%, calc(27% * var(--font-lightness, 1)), 100%));
  --fg-700: hsl(calc(210deg + var(--hue-rotate)) max(calc(14% * (var(--font-saturation) + var(--saturation) - 1)), 0%) clamp(0%, calc(39% * var(--font-lightness, 1)), 100%));
  --fg-800: hsl(calc(210deg + var(--hue-rotate)) max(calc(10% * (var(--font-saturation) + var(--saturation) - 1)), 0%) clamp(0%, calc(46% * var(--font-lightness, 1)), 100%));
  --fg-900: hsl(calc(210deg + var(--hue-rotate)) max(calc(11% * (var(--font-saturation) + var(--saturation) - 1)), 0%) clamp(0%, calc(58% * var(--font-lightness, 1)), 100%));
  --fg-950: hsl(calc(210deg + var(--hue-rotate)) max(calc(11% * (var(--font-saturation) + var(--saturation) - 1)), 0%) clamp(0%, calc(65% * var(--font-lightness, 1)), 100%));
  --fg-tinted: hsl(calc(209deg + var(--hue-rotate)) max(calc(45% * (var(--font-saturation) + var(--saturation) - 1)), 0%) clamp(0%, calc(20% * var(--font-lightness, 1)), 100%));
  --fg-inverted: hsl(calc(208deg + var(--hue-rotate)) max(calc(40% * (var(--font-saturation) + var(--saturation) - 1)), 0%) clamp(0%, calc(99% * var(--font-lightness, 1)), 100%));
}