/* Site theme: Summer. Loaded after css/theme.css by includes/site.php (app/src/Themes.php).
   Palette generated from five base colours per mode: text meets 4.5:1 (ink 7:1) on page and cards. */
:root {
  color-scheme: light;
  --font-display: "Baloo 2", "Helvetica Neue", Arial, sans-serif;
  --font-body: "Nunito", -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, Menlo, Consolas, monospace;
  --font-cjk: "Nunito", "Noto Sans CJK SC", "PingFang SC", "Microsoft YaHei", sans-serif;
  --paper: #FFF8EC;
  --panel: #FFFFFF;
  --panel-2: #FFFCF6;
  --ink: #1F2A33;
  --ink-soft: #505960;
  --muted: #686F74;
  --line: #E0E1E2;
  --line-strong: #BCBFC2;
  --accent: #0B7FA0;
  --accent-deep: #075368;
  --accent-tint: #DDEDF2;
  --accent-b: #AE5C15;
  --accent-b-deep: #8D4B11;
  --accent-b-tint: #FAEBDF;
  --focus: #0B7FA0;
  --on-accent: #FFFFFF;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --paper: #0E1A22;
    --panel: #15242E;
    --panel-2: #121F28;
    --ink: #EAF4F7;
    --ink-soft: #BBC6CB;
    --muted: #99A5AB;
    --line: #33414A;
    --line-strong: #55626A;
    --accent: #4FC3E8;
    --accent-deep: #8DD8F0;
    --accent-tint: #1D3A48;
    --accent-b: #FFA95A;
    --accent-b-deep: #FFC794;
    --accent-b-tint: #363734;
    --focus: #4FC3E8;
    --on-accent: #111111;
  }
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --paper: #0E1A22;
  --panel: #15242E;
  --panel-2: #121F28;
  --ink: #EAF4F7;
  --ink-soft: #BBC6CB;
  --muted: #99A5AB;
  --line: #33414A;
  --line-strong: #55626A;
  --accent: #4FC3E8;
  --accent-deep: #8DD8F0;
  --accent-tint: #1D3A48;
  --accent-b: #FFA95A;
  --accent-b-deep: #FFC794;
  --accent-b-tint: #363734;
  --focus: #4FC3E8;
  --on-accent: #111111;
}

.decor-sun { position: absolute; top: 100px; right: 12px; width: 110px; height: 110px; background: url(/img/themes/sun.svg) center / contain no-repeat; animation: liwm-spin 60s linear infinite; }
.decor-waves { position: fixed; left: 0; right: 0; bottom: 0; height: 22px; background: url(/img/themes/waves.svg) repeat-x 0 0 / 200px 22px; opacity: .7; animation: liwm-waves 12s linear infinite; }