:root {
  --l1: #E30613; --l2: #F4F4F2; --l3: #1D1D1B;
  --stripe-a: #F4F4F2; --stripe-b: #1D1D1B;
  --on-l1: #FFFFFF; --on-l2: #0B0D10; --on-l3: #FFFFFF;
  --r1: 2px; --r2: 4px; --r3: 6px;
}
:root {
  color-scheme: light;
  --paper: #FAF3F1;
  --surface: #FFFDFC;
  --surface-2: #F4EBEA;
  --surface-3: #E9DEDD;
  --ink: #201412;
  --ink-2: #594B48;
  --ink-3: #756867;
  --rule: #E1D8D7;
  --rule-strong: #C7BBB9;
  --header: #261412;
  --header-ink: #F4F6F8;
  --header-ink-2: #C5BBB9;
  --accent: #E30613;
  --on-accent: #FFFFFF;
  --accent-text: #D3211F;
  --accent-mark: #E30613;
  --accent-wash: #FFE7E2;
  --accent-wash-2: #FED4CD;
  --focus: #E30613;
}
@media (prefers-color-scheme: dark) {
  :root:where(:not([data-theme="light"])) {
    color-scheme: dark;
    --paper: #120E0E;
    --surface: #1B1615;
    --surface-2: #241F1E;
    --surface-3: #302A29;
    --ink: #F0EEED;
    --ink-2: #BDB9B9;
    --ink-3: #928E8D;
    --rule: #342F2E;
    --rule-strong: #4C4645;
    --header: #0D0706;
    --header-ink: #F4F6F8;
    --header-ink-2: #BAB6B6;
    --accent: #E30613;
    --on-accent: #FFFFFF;
    --accent-text: #F9312C;
    --accent-mark: #E30613;
    --accent-wash: #3C1D19;
    --accent-wash-2: #52201B;
    --focus: #E30613;
  }
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --paper: #120E0E;
  --surface: #1B1615;
  --surface-2: #241F1E;
  --surface-3: #302A29;
  --ink: #F0EEED;
  --ink-2: #BDB9B9;
  --ink-3: #928E8D;
  --rule: #342F2E;
  --rule-strong: #4C4645;
  --header: #0D0706;
  --header-ink: #F4F6F8;
  --header-ink-2: #BAB6B6;
  --accent: #E30613;
  --on-accent: #FFFFFF;
  --accent-text: #F9312C;
  --accent-mark: #E30613;
  --accent-wash: #3C1D19;
  --accent-wash-2: #52201B;
  --focus: #E30613;
}