/* tokens.css — Pookify's design tokens. Warm plum dark and cream light, one
   accent gradient (blush → rose), lilac for seat 2. Everything on screen
   derives from these; no component sets a raw colour. */
:root {
  --bg: #FBF3EF; --bg2: #F5E8E3;
  --surface: #FFFFFF; --surface2: #FBF3EF; --glass: rgba(255, 255, 255, .72); --line: rgba(80, 30, 50, .08); --line2: rgba(80, 30, 50, .14);
  --ink: #2C1A24; --muted: #7E6570; --faint: #B29AA4;
  --blush: #F7B2C4; --peach: #FFD3B0; --rose: #D86A8A; --rose2: #F48FB1; --rose-ink: #B44E6E; --lilac: #B9A6E6; --lilac2: #D6C8F5; --lilac-ink: #7B63C2;
  --coin: #E9A83A; --coin-bg: #FFF1D6; --coin-ink: #9A6A12;
  --good: #3F9B6F; --good-bg: #E1F4EA; --warn: #D98E2B; --warn-bg: #FFF0D9; --bad: #D95F5F; --bad-bg: #FBE4E4;
  --s1: #F7B2C4; --s1-ink: #B44E6E; --s1-deep: #D86A8A; --s1-text: #3A2630;
  --s2: #B9A6E6; --s2-ink: #7B63C2; --s2-deep: #7B63C2; --s2-text: #2F2050;
  --brand: #C85C7E;
  --accent-grad: linear-gradient(135deg, #F48FB1 0%, #D86A8A 100%);
  --s1-grad: linear-gradient(135deg, #F7B2C4 0%, #FFD3B0 100%);
  --s2-grad: linear-gradient(135deg, #B9A6E6 0%, #D6C8F5 100%);
  --shadow: 0 1px 2px rgba(60, 20, 40, .04), 0 8px 24px -8px rgba(180, 78, 110, .18);
  --shadow-lg: 0 20px 50px -12px rgba(60, 20, 40, .35);
  --radius: 22px; --radius-sm: 14px;
  --nav-h: 66px;
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #17111A; --bg2: #1F1721;
    --surface: #221A26; --surface2: #2B2130; --glass: rgba(23, 17, 26, .78); --line: rgba(255, 255, 255, .06); --line2: rgba(255, 255, 255, .12);
    --ink: #F6EAF0; --muted: #AE97A4; --faint: #6F5B66;
    --coin-bg: #3A2C15; --coin-ink: #F4C767; --good-bg: #1A3327; --warn-bg: #3A2A14; --bad-bg: #3B1F1F;
    --brand: #F7B2C4; --rose-ink: #F7B2C4; --lilac-ink: #C4B3F0; --s2-ink: #C4B3F0;
    --shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 10px 30px -10px rgba(0, 0, 0, .6);
    --shadow-lg: 0 24px 60px -12px rgba(0, 0, 0, .7);
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --bg: #17111A; --bg2: #1F1721;
  --surface: #221A26; --surface2: #2B2130; --glass: rgba(23, 17, 26, .78); --line: rgba(255, 255, 255, .06); --line2: rgba(255, 255, 255, .12);
  --ink: #F6EAF0; --muted: #AE97A4; --faint: #6F5B66;
  --coin-bg: #3A2C15; --coin-ink: #F4C767; --good-bg: #1A3327; --warn-bg: #3A2A14; --bad-bg: #3B1F1F;
  --brand: #F7B2C4; --rose-ink: #F7B2C4; --lilac-ink: #C4B3F0; --s2-ink: #C4B3F0;
  --shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 10px 30px -10px rgba(0, 0, 0, .6);
  --shadow-lg: 0 24px 60px -12px rgba(0, 0, 0, .7);
  color-scheme: dark;
}