/* Ported from the prototype. Edit here; the prototype is frozen. */
@font-face{font-family:'Jaella';
  src:url(../assets/fonts/Jaella-Black.woff2) format('woff2');
  font-weight:900;font-display:swap}

:root{
  --u-ink:#231F20;--u-peat:#3D3839;--u-olive:#505044;--u-gold:#D4A31C;--u-ochre:#7F620E;--u-stone:#E1E1D3;--u-paper:#F5F5EF;
  --u-bg:var(--u-paper);--u-surface:#FFFFFF;--u-panel:var(--u-stone);--u-line:var(--u-stone);
  --u-text:var(--u-ink);--u-text-2:var(--u-olive);--u-link:var(--u-olive);
  --u-action:var(--u-olive);--u-on-action:var(--u-paper);--u-logo:var(--u-ink);--u-focus:var(--u-olive);
  --u-commit:var(--u-ink);--u-on-commit:var(--u-paper);
  --u-shadow:0 1px 2px rgba(35,31,32,.08),0 8px 24px rgba(35,31,32,.08);
  --u-font-display:'Jaella',Georgia,'Times New Roman',serif;
  --u-font-body:'Montserrat',ui-sans-serif,system-ui,sans-serif;
  --u-grain:url(../assets/img/grain.jpg);
  color-scheme:light;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --u-bg:var(--u-ink);--u-surface:var(--u-peat);--u-panel:var(--u-peat);--u-line:rgba(245,245,239,.16);
    --u-text:var(--u-paper);--u-text-2:var(--u-stone);--u-link:var(--u-paper);
    --u-action:var(--u-paper);--u-on-action:var(--u-ink);--u-logo:var(--u-paper);--u-focus:var(--u-stone);
    --u-commit:var(--u-olive);--u-on-commit:var(--u-paper);
    --u-shadow:0 1px 2px rgba(0,0,0,.4),0 8px 24px rgba(0,0,0,.5);color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --u-bg:var(--u-ink);--u-surface:var(--u-peat);--u-panel:var(--u-peat);--u-line:rgba(245,245,239,.16);
  --u-text:var(--u-paper);--u-text-2:var(--u-stone);--u-link:var(--u-paper);
  --u-action:var(--u-paper);--u-on-action:var(--u-ink);--u-logo:var(--u-paper);--u-focus:var(--u-stone);
  --u-commit:var(--u-olive);--u-on-commit:var(--u-paper);
  --u-shadow:0 1px 2px rgba(0,0,0,.4),0 8px 24px rgba(0,0,0,.5);color-scheme:dark;
}
/* The ink ground inside a paper page: hero, closing ask, footer. Same in both themes. */
[data-ground="ink"]{
  --u-bg:var(--u-ink);--u-surface:var(--u-peat);--u-panel:var(--u-peat);--u-line:rgba(245,245,239,.16);
  --u-text:var(--u-paper);--u-text-2:var(--u-stone);--u-link:var(--u-paper);
  --u-action:var(--u-paper);--u-on-action:var(--u-ink);--u-logo:var(--u-paper);--u-focus:var(--u-stone);
  --u-commit:var(--u-olive);--u-on-commit:var(--u-paper);
}
/* The stone ground: the Site Care panel. In dark mode it becomes a peat panel. */
[data-ground="stone"]{--u-bg:var(--u-stone);--u-surface:var(--u-paper);--u-panel:var(--u-paper);--u-line:rgba(35,31,32,.18)}
:root[data-theme="dark"] [data-ground="stone"]{--u-bg:var(--u-peat);--u-surface:var(--u-ink);--u-panel:var(--u-ink);--u-line:rgba(245,245,239,.16)}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]) [data-ground="stone"]{--u-bg:var(--u-peat);--u-surface:var(--u-ink);--u-panel:var(--u-ink);--u-line:rgba(245,245,239,.16)}
}