/* Theme tokens. Every color, font and radius the kiosk uses comes from here.
   Pick a theme with ?theme=fresh|natural|classic (default: js/theme.js DEFAULT_THEME). */

/* Fresh: bright white, one fresh green, soft pastel category tiles (inspired by friendly grocers). */
[data-theme="fresh"] {
  --bg: #FFFFFF; --surface: #F4F7F2; --surface-2: #E9EFE6; --line: #E3E8E1;
  --ink: #1F2B1F; --mute: #5E6B5E; --primary: #3D8B37; --on-primary: #FFFFFF; --accent: #F2B33D;
  --price: #3D8B37; --loc-bg: #3D8B37; --loc-ink: #FFFFFF; --badge-bg: #FFF4D6; --badge-ink: #7A5200;
  --shadow: 0 .5em 1.2em rgba(31, 43, 31, .14); --scrim: rgba(20, 30, 20, .45); --radius: 1.4em; --radius-sm: .8em;
  --font-body: 'Nunito Sans', system-ui, sans-serif; --font-head: 'Nunito Sans', system-ui, sans-serif;
  --head-weight: 900; --head-tracking: -.03em; --art-ink: #1F2B1F;
  --cat-beer: #FCEFD6; --cat-beer-ink: #9A5B00; --cat-wine: #F6E1E4; --cat-wine-ink: #7E2335;
  --cat-cider: #E3F0DF; --cat-cider-ink: #2F6B2A; --cat-na: #E1EEF6; --cat-na-ink: #245777;
}

/* Natural: near-white cream, deep forest green, editorial serif headlines (inspired by natural grocers). */
[data-theme="natural"] {
  --bg: #FBF9F4; --surface: #F4F0E6; --surface-2: #ECE6D8; --line: #E2DBCB;
  --ink: #1E2B24; --mute: #5F6B63; --primary: #0F4D36; --on-primary: #FBF9F4; --accent: #B9873A;
  --price: #0F4D36; --loc-bg: #0F4D36; --loc-ink: #FBF9F4; --badge-bg: #F1E6CC; --badge-ink: #5C4314;
  --shadow: 0 .4em 1em rgba(30, 43, 36, .12); --scrim: rgba(20, 32, 26, .45); --radius: .35em; --radius-sm: .25em;
  --font-body: 'Work Sans', system-ui, sans-serif; --font-head: 'Libre Caslon Text', Georgia, serif;
  --head-weight: 700; --head-tracking: -.01em; --art-ink: #1E2B24;
  --cat-beer: #EFE4CC; --cat-beer-ink: #5A3F0E; --cat-wine: #EEDDD9; --cat-wine-ink: #5A1E25;
  --cat-cider: #E1E8D8; --cat-cider-ink: #2C4424; --cat-na: #DDE6E9; --cat-na-ink: #1E3A47;
}

/* Classic: the original dark brown and amber look, kept so we can switch back. */
[data-theme="classic"] {
  --bg: #17130F; --surface: #221C16; --surface-2: #2C241C; --line: #3A3027;
  --ink: #F6EFE6; --mute: #B8AA98; --primary: #E8A33D; --on-primary: #1D1305; --accent: #E8A33D;
  --price: #E8A33D; --loc-bg: #2F4A2A; --loc-ink: #DFF0D6; --badge-bg: #2C241C; --badge-ink: #E8C27A;
  --shadow: 0 .5em 1.2em rgba(0, 0, 0, .35); --scrim: rgba(0, 0, 0, .6); --radius: 1em; --radius-sm: .6em;
  --font-body: 'Inter', system-ui, sans-serif; --font-head: 'Fraunces', Georgia, serif;
  --head-weight: 700; --head-tracking: -.01em; --art-ink: #F6EFE6;
  --cat-beer: #C8862C; --cat-beer-ink: #1D1305; --cat-wine: #7E2533; --cat-wine-ink: #F6EFE6;
  --cat-cider: #557F45; --cat-cider-ink: #F6EFE6; --cat-na: #3F6A85; --cat-na-ink: #F6EFE6;
}