/* Site theme: Spring. 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: "Quicksand", "Helvetica Neue", Arial, sans-serif;
  --font-body: "Nunito Sans", -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, Menlo, Consolas, monospace;
  --font-cjk: "Nunito Sans", "Noto Sans CJK SC", "PingFang SC", "Microsoft YaHei", sans-serif;
  --paper: #F4F8EF;
  --panel: #FFFFFF;
  --panel-2: #FAFCF7;
  --ink: #1E2A1E;
  --ink-soft: #505950;
  --muted: #686F68;
  --line: #DFE1DF;
  --line-strong: #BCBFBC;
  --accent: #38803A;
  --accent-deep: #285C2A;
  --accent-tint: #E4EFE4;
  --accent-b: #BF466D;
  --accent-b-deep: #83304B;
  --accent-b-tint: #F7E6EB;
  --focus: #3E8E41;
  --on-accent: #FFFFFF;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --paper: #111A12;
    --panel: #18241A;
    --panel-2: #141F16;
    --ink: #EEF5EC;
    --ink-soft: #BFC7BE;
    --muted: #9DA69C;
    --line: #364137;
    --line-strong: #586359;
    --accent: #7BCB7E;
    --accent-deep: #A9DDAB;
    --accent-tint: #263B28;
    --accent-b: #F28DB0;
    --accent-b-deep: #F7B5CC;
    --accent-b-tint: #37332F;
    --focus: #7BCB7E;
    --on-accent: #111111;
  }
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --paper: #111A12;
  --panel: #18241A;
  --panel-2: #141F16;
  --ink: #EEF5EC;
  --ink-soft: #BFC7BE;
  --muted: #9DA69C;
  --line: #364137;
  --line-strong: #586359;
  --accent: #7BCB7E;
  --accent-deep: #A9DDAB;
  --accent-tint: #263B28;
  --accent-b: #F28DB0;
  --accent-b-deep: #F7B5CC;
  --accent-b-tint: #37332F;
  --focus: #7BCB7E;
  --on-accent: #111111;
}

.decor-blossom { position: absolute; top: 92px; right: 0; width: 210px; height: 124px; background: url(/img/themes/blossom.svg) right top / contain no-repeat; }
.decor-p-petal { width: 14px; height: 10px; background: url(/img/themes/petal.svg) center / contain no-repeat; animation-name: liwm-fall; }