:root {
  color-scheme: light;

  --ground: #e3e6d8;          
  --ground-2: #eceee3;        
  --ground-3: #d6dac9;        
  --ground-deep: #c9cfbb;     
  --paper: #efe4cb;           
  --paper-ink: #2c2014;

  --ink: #2a1f12;             
  --ink-2: #4f4130;           
  --ink-3: #6f6450;           
  --ink-4: #8d8570;           
  --line: #b6b9a6;            
  --line-2: #9fa38e;
  --line-strong: #6f6450;

  --brass: #8a5a14;
  --brass-hi: #a26b1a;
  --brass-ink: #fff7e6;       
  --brass-soft: rgba(138, 90, 20, 0.12);
  --brass-glint: #c48b2c;

  --past: #b0461c;
  --past-soft: rgba(176, 70, 28, 0.12);
  --present: #75590d;          
  --present-soft: rgba(166, 128, 30, 0.14);
  --future: #17707f;
  --future-soft: rgba(23, 112, 127, 0.12);
  --red-iron: #9c2f28;

  --gun-loaded: #8a5a14;
  --gun-fired: #0f6f9c;
  --gun-dud: #8d8570;
  --toast-accent: #e0a94a;   

  --ok: #4d6b2e;
  --warn: #93600d;
  --bad: #9c2f28;
  --ghost: #486268;            

  --map-ink: #3a2410;
  --map-route: #a3281b;        
  --map-sea-route: #1b4f86;    
  --map-magic-route: #f2b52c;  
  --map-magic-thread: rgba(38, 22, 4, .82);
  --map-route-glow: rgba(214, 149, 54, 0.55);
  --map-label: #2b1b0c;
  --map-halo: rgba(236, 232, 214, 0.92);

  --shadow-1: 0 1px 0 rgba(255,255,255,.55) inset, 0 1px 2px rgba(42,31,18,.14);
  --shadow-2: 0 10px 28px -14px rgba(42,31,18,.45);
  --shadow-3: 0 28px 60px -24px rgba(42,31,18,.55);
  --focus: 0 0 0 2px var(--ground), 0 0 0 4px var(--brass-glint);
  --grain-opacity: .045;
  --scrim: rgba(24, 18, 12, .45);

  --f-display: "IM Fell English", "Iowan Old Style", "Palatino Linotype", Georgia, serif;
  --f-display-sc: "IM Fell English SC", "IM Fell English", Georgia, serif;
  --f-body: "Alegreya", "Iowan Old Style", "Palatino Linotype", Georgia, serif;
  --f-ui: "Alegreya Sans", "Segoe UI", system-ui, sans-serif;
  --f-ui-sc: "Alegreya Sans SC", "Alegreya Sans", "Segoe UI", system-ui, sans-serif;
  --f-hand: "Shadows Into Light", "Segoe Print", "Bradley Hand", cursive;

  --t-xs: 0.8125rem;   
  --t-sm: 0.9375rem;   
  --t-md: 1.0625rem;   
  --t-body: 1.125rem;  
  --t-lg: 1.375rem;    
  --t-xl: clamp(1.6rem, 1.2rem + 1.2vw, 2rem);
  --t-2xl: clamp(2rem, 1.4rem + 2vw, 2.75rem);
  --t-3xl: clamp(2.5rem, 1.6rem + 3.2vw, 4rem);
  --t-4xl: clamp(3rem, 1.8rem + 4.6vw, 5.5rem);

  --s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px; --s-5: 24px; --s-6: 32px; --s-7: 48px; --s-8: 64px; --s-9: 96px;
  --r-1: 3px; --r-2: 6px; --r-3: 10px; --r-pill: 999px;
  --bar-h: 60px;
  --measure: 65ch;
  --ease: cubic-bezier(.2, .7, .2, 1);
  --ease-in: cubic-bezier(.5, 0, .75, 0);
  --dur-1: 140ms; --dur-2: 260ms; --dur-3: 520ms;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --ground: #1b1612;
    --ground-2: #241d18;
    --ground-3: #151110;
    --ground-deep: #100d0b;
    --paper: #e6d4b1;
    --paper-ink: #2a1d10;
    --ink: #eee2c9;
    --ink-2: #c7b797;
    --ink-3: #9d8d72;
    --ink-4: #6f624f;
    --line: #3b3129;
    --line-2: #4c4035;
    --line-strong: #7a6a55;
    --brass: #d9a64e;
    --brass-hi: #ecc070;
    --brass-ink: #1b1409;
    --brass-soft: rgba(217, 166, 78, 0.13);
    --brass-glint: #f0c46e;
    --past: #ec8250;
    --past-soft: rgba(236, 130, 80, 0.14);
    --present: #f0d38a;
    --present-soft: rgba(240, 211, 138, 0.13);
    --future: #71c9d8;
    --future-soft: rgba(113, 201, 216, 0.13);
    --red-iron: #d4574c;
    --gun-loaded: #bb8431;
    --gun-fired: #3597bd;
    --gun-dud: #6f624f;
    --toast-accent: #7a4f10;
    --ok: #a8c27f;
    --warn: #e0b35a;
    --bad: #e0705f;
    --ghost: #93b6bd;
    --shadow-1: 0 1px 0 rgba(255,236,200,.05) inset, 0 1px 2px rgba(0,0,0,.4);
    --shadow-2: 0 14px 34px -16px rgba(0,0,0,.75);
    --shadow-3: 0 30px 70px -26px rgba(0,0,0,.85);
    --grain-opacity: .06;
    --scrim: rgba(8, 6, 4, .62);
  }
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --ground: #1b1612;
  --ground-2: #241d18;
  --ground-3: #151110;
  --ground-deep: #100d0b;
  --paper: #e6d4b1;
  --paper-ink: #2a1d10;
  --ink: #eee2c9;
  --ink-2: #c7b797;
  --ink-3: #9d8d72;
  --ink-4: #6f624f;
  --line: #3b3129;
  --line-2: #4c4035;
  --line-strong: #7a6a55;
  --brass: #d9a64e;
  --brass-hi: #ecc070;
  --brass-ink: #1b1409;
  --brass-soft: rgba(217, 166, 78, 0.13);
  --brass-glint: #f0c46e;
  --past: #ec8250;
  --past-soft: rgba(236, 130, 80, 0.14);
  --present: #f0d38a;
  --present-soft: rgba(240, 211, 138, 0.13);
  --future: #71c9d8;
  --future-soft: rgba(113, 201, 216, 0.13);
  --red-iron: #d4574c;
  --gun-loaded: #bb8431;
  --gun-fired: #3597bd;
  --gun-dud: #6f624f;
  --toast-accent: #7a4f10;
  --ok: #a8c27f;
  --warn: #e0b35a;
  --bad: #e0705f;
  --ghost: #93b6bd;
  --shadow-1: 0 1px 0 rgba(255,236,200,.05) inset, 0 1px 2px rgba(0,0,0,.4);
  --shadow-2: 0 14px 34px -16px rgba(0,0,0,.75);
  --shadow-3: 0 30px 70px -26px rgba(0,0,0,.85);
  --grain-opacity: .06;
  --scrim: rgba(8, 6, 4, .62);
}