/* casefile/assets/tokens.css — cyanotype: one pigment, two prints */
@font-face { font-family: 'Bitter'; font-style: normal; font-weight: 400; font-display: swap; src: url(fonts/bitter-400.woff2) format('woff2'); }
@font-face { font-family: 'Bitter'; font-style: italic; font-weight: 400; font-display: swap; src: url(fonts/bitter-400i.woff2) format('woff2'); }
@font-face { font-family: 'Bitter'; font-style: normal; font-weight: 600; font-display: swap; src: url(fonts/bitter-600.woff2) format('woff2'); }
@font-face { font-family: 'Bitter'; font-style: normal; font-weight: 800; font-display: swap; src: url(fonts/bitter-800.woff2) format('woff2'); }
@font-face { font-family: 'Archivo'; font-style: normal; font-weight: 500; font-display: swap; src: url(fonts/archivo-500.woff2) format('woff2'); }
@font-face { font-family: 'Archivo'; font-style: normal; font-weight: 700; font-display: swap; src: url(fonts/archivo-700.woff2) format('woff2'); }

:root {
  color-scheme: light;
  --bg: #EDF3F9; --bg-2: #E2EBF4; --card: #F7FAFD;
  --ink: #113455; --dim: #46688C;
  --line: #C4D6E6; --line-2: #8FAEC9;
  --amber: #E8A521; --amber-ink: #8A5800; --chip-ink: #14243B;
}
@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: dark;
    --bg: #0F2C47; --bg-2: #0A1F33; --card: #143656;
    --ink: #DCEAF7; --dim: #93B4D1;
    --line: #29506F; --line-2: #4A7398;
    --amber: #FFB020; --amber-ink: #FFB020; --chip-ink: #14243B;
  }
}
:root[data-theme="light"] {
  color-scheme: light;
  --bg: #EDF3F9; --bg-2: #E2EBF4; --card: #F7FAFD;
  --ink: #113455; --dim: #46688C;
  --line: #C4D6E6; --line-2: #8FAEC9;
  --amber: #E8A521; --amber-ink: #8A5800; --chip-ink: #14243B;
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #0F2C47; --bg-2: #0A1F33; --card: #143656;
  --ink: #DCEAF7; --dim: #93B4D1;
  --line: #29506F; --line-2: #4A7398;
  --amber: #FFB020; --amber-ink: #FFB020; --chip-ink: #14243B;
}