/* Generated by tools/build-site.py from design/prototype/project/humph-tokens.css. Do not edit. */
:root {
  --majorelle: #6050DC;
  --majorelle-edge: #4636B8;
  --majorelle-tint: #ECE9FC;
  --majorelle-ink: #3A2FA0;
  --on-majorelle: #FFFFFF;
  --saffron: #FFB627;
  --saffron-tint: #FFF1CC;
  --saffron-ink: #7A4E00;
  --on-saffron: #1E1A33;
  --rose: #F2668B;
  --rose-tint: #FDE2EA;
  --rose-ink: #A3244A;
  --oasis: #19B394;
  --oasis-tint: #D5F4EC;
  --oasis-ink: #0B6B57;
  --terracotta: #D8542F;
  --terracotta-edge: #A83F20;
  --terracotta-tint: #FBE3DA;
  --terracotta-ink: #9A3417;
  --mirage: #8E81C4;
  --mirage-tint: #EEEAF8;
  --mirage-ink: #574A93;
  --sand: #F7EEDF;
  --surface: #FFFBF5;
  --surface-sunk: #EFE3CF;
  --line: #E6D6BD;
  --line-strong: #A8916C;
  --ink: #1E1A33;
  --ink-secondary: #4F4A63;
  --ink-muted: #6E6882;
  --focus: #6050DC;
  --sky: #FBE7C4;
  --dune-far: #F1D9AE;
  --dune-near: #E9C68C;
  --star: #FFE7A8;
  --humph-body: #E3A857;
  --humph-shade: #C98B3E;
  --humph-muzzle: #F6D9A8;
  --shadow-press-majorelle: 0 4px 0 #4636B8;
  --shadow-press-saffron: 0 4px 0 #D9920B;
  --shadow-press-terracotta: 0 4px 0 #A83F20;
  --shadow-press-neutral: 0 4px 0 #E6D6BD;
  --shadow-card: 0 1px 2px rgba(74, 52, 20, 0.06), 0 8px 24px rgba(74, 52, 20, 0.08);
  --shadow-float: 0 10px 28px rgba(96, 80, 220, 0.35);
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root {
    --majorelle: #8B7FF0;
    --majorelle-edge: #6A5CE0;
    --majorelle-tint: #2A2566;
    --majorelle-ink: #C9C2FF;
    --on-majorelle: #16123A;
    --saffron: #FFC24D;
    --saffron-tint: #3D3113;
    --saffron-ink: #FFD98A;
    --rose: #FF85A6;
    --rose-tint: #45182A;
    --rose-ink: #FFB3C6;
    --oasis: #3FD4B3;
    --oasis-tint: #0F3B33;
    --oasis-ink: #8FF0DA;
    --terracotta: #FF7A57;
    --terracotta-edge: #D95F3F;
    --terracotta-tint: #47201A;
    --terracotta-ink: #FFB8A3;
    --mirage: #B8ADE6;
    --mirage-tint: #2B2745;
    --mirage-ink: #D9D2FF;
    --sand: #16123A;
    --surface: #221D4D;
    --surface-sunk: #1B1742;
    --line: #332C66;
    --line-strong: #6A61B5;
    --ink: #F5F1FF;
    --ink-secondary: #BDB6DA;
    --ink-muted: #9189B8;
    --focus: #C9C2FF;
    --sky: #1F1A4F;
    --dune-far: #2A2358;
    --dune-near: #352C6B;
    --shadow-press-majorelle: 0 4px 0 #6A5CE0;
    --shadow-press-saffron: 0 4px 0 #D9A030;
    --shadow-press-terracotta: 0 4px 0 #D95F3F;
    --shadow-press-neutral: 0 4px 0 #332C66;
    --shadow-card: 0 1px 2px rgba(0, 0, 0, 0.4), 0 8px 24px rgba(0, 0, 0, 0.35);
    --shadow-float: 0 10px 28px rgba(0, 0, 0, 0.5);
    color-scheme: dark;
  }
}