/* Purpose: philhwagner.com's color and type tokens, without the reset in tokens.css, for pages
   styled elsewhere (the work samples). Generated by build.mjs from src/tokens.css; do not edit. */
:root {
  --paper:#FCF9F3; --ink:#2C3E50; --strong:#1A253A; --muted:#59524B; --quiet:#59524B;
  --edge:#CFC6B9; --rule:#E7E0D4; --sunk:#F8F4EC;
  --accent:#6E3E29; --accent-h:#55301F; --accent-lg:#A35C3D; --tint:#F9F1EA; --accent-edge:#D8BCAB;
  /* The mark is paper, not a silhouette: a cream sheet with a thin edge and a
     visible fold. These two do NOT flip with the theme, because a logo that
     inverts is a different logo. The cream is the avatar's own #F4EADA, which
     favicon.svg has been using all along. */
  --plane-paper:#F4EADA; --plane-line:#2C3E50;
  --sky:#EAF0F6; --sky-ink:#2C3E50; --sky-edge:#C3D2E0;
  --band:#1A253A; --on-band:#FCF9F3; --on-band-a:#CA8668;
  --shadow:rgba(26,37,58,.13);
  --r:10px;
  --sans:"Karla", ui-sans-serif, system-ui, -apple-system, sans-serif;
  --disp:"Fraunces", Georgia, "Times New Roman", serif;
  /* Fraunces is variable. SOFT rounds the terminals, WONK swaps in the
     playful alternates. This is the whole "playful yet professional" dial. */
  --disp-vf:"SOFT" 40, "WONK" 1;
  --wrap:76rem; --pad:clamp(1.25rem, 4vw, 3.75rem);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --paper:#16202D; --ink:#FCF9F3; --strong:#E6E1D8; --muted:#B7B0A6; --quiet:#B7B0A6;
    --edge:#3A4653; --rule:#26303D; --sunk:#18212D;
    --accent:#D39F88; --accent-h:#DFBAAA; --accent-lg:#CA8668; --tint:#271F18; --accent-edge:#6E4A38;
    --sky:#121E30; --sky-ink:#9DBEDA; --sky-edge:#33465A;
    --band:#1A253A; --on-band:#FCF9F3; --on-band-a:#CA8668;
    --shadow:rgba(0,0,0,.45);
  }
}
:root[data-theme="dark"] {
--paper:#16202D; --ink:#FCF9F3; --strong:#E6E1D8; --muted:#B7B0A6; --quiet:#B7B0A6;
  --edge:#3A4653; --rule:#26303D; --sunk:#18212D;
  --accent:#D39F88; --accent-h:#DFBAAA; --accent-lg:#CA8668; --tint:#271F18; --accent-edge:#6E4A38;
  --sky:#121E30; --sky-ink:#9DBEDA; --sky-edge:#33465A;
  --band:#1A253A; --on-band:#FCF9F3; --on-band-a:#CA8668;
  --shadow:rgba(0,0,0,.45);
}