/* Imperial Night Market v2 themes. One block per theme, keyed by [data-theme] on <html>.
   v2.css holds structure only and reads these tokens. See THEMES.md. */
@font-face{font-family:'Kaushan Script';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/KaushanScript-latin.woff2) format('woff2')}
@font-face{font-family:'Outfit';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/Outfit-Bold-latin.woff2) format('woff2')}
@font-face{font-family:'Tilt Neon';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/TiltNeon-latin.woff2) format('woff2')}

/* ---------- daylight: the original light neutral look, preserved exactly ---------- */
:root[data-theme="daylight"]{
  color-scheme:light;
  --font-display:'Bricolage Grotesque',sans-serif;
  --font-body:'Hanken Grotesk',system-ui,sans-serif;
  --font-script:'Bricolage Grotesque',sans-serif;

  --bg:#F8F8F5;
  --bg-top:#F8F8F5ee;
  --bg-raised:#fff;
  --bg-sunken:#E9E9E3;
  --bg-banner:#ECECE6;
  --text:#14171C;
  --muted:#596170;
  --link:#14171C;
  --link-hover:#596170;
  --line:#E3E3DD;
  --line-strong:#CFCFC8;
  --line-dash:#BDBDB5;
  --rule:#14171C;
  --focus:#14171C;
  --card-hover-border:#14171C;
  --open-dot:#1E9E6A;
  --num:#14171C;
  --cnt:#596170;

  --btn-bg:#14171C;
  --btn-fg:#fff;
  --btn-hover-bg:#3A404C;
  --btn-hover-fg:#fff;
  --btn2-fg:#14171C;
  --btn2-border:#14171C;
  --btn2-hover-bg:#14171C;
  --btn2-hover-fg:#fff;
  --sell-bg:#14171C;
  --sell-fg:#F8F8F5;
  --sell-hover-bg:#3A404C;
  --sell-hover-fg:#fff;

  --chip-bg:#fff;
  --chip-fg:#14171C;
  --chip-border:#CFCFC8;
  --chip-on-bg:#14171C;
  --chip-on-fg:#fff;
  --chip-on-border:#14171C;
  --chip-on-dot:#fff;
  --chip-on-cnt:#C9CCD3;
  --input-bg:#fff;
  --input-border:#CFCFC8;
  --input-fg:#14171C;
  --placeholder:#757575;
  --track:#BDBDB5;
  --track-on:#14171C;
  --knob:#fff;

  --cat-1:#0E7C66;
  --cat-2:#2563EB;
  --cat-3:#9333EA;
  --cat-4:#C2273D;
  --tint:12.16%;

  --radius-card:20px;
  --radius-panel:24px;
  --radius-big:32px;

  --t-a-display:inline;
  --t-a-color:#14171C;
  --t-a-fill:#14171C;
  --t-a-stroke:0 transparent;
  --t-a-shadow:none;
  --t-b-display:inline;
  --t-b-font:'Bricolage Grotesque',sans-serif;
  --t-b-weight:700;
  --t-b-size:1em;
  --t-b-lh:.95;
  --t-b-ls:-.035em;
  --t-b-color:#14171C;
  --t-b-transform:none;
  --t-b-shadow:none;
  --t-b-margin:0;
}

/* ---------- flag: dark, neon pink outline and yellow brush script (default) ---------- */
:root[data-theme="flag"]{
  color-scheme:dark;
  --font-display:'Bricolage Grotesque',sans-serif;
  --font-body:'Hanken Grotesk',system-ui,sans-serif;
  --font-script:'Kaushan Script','Brush Script MT',cursive;

  --bg:#101318;
  --bg-top:#101318e6;
  --bg-raised:#1A1E25;
  --bg-sunken:#1A1E25;
  --bg-banner:#1A1E25;
  --text:#F4F1EA;
  --muted:#A9B0BC;
  --link:#F5C842;
  --link-hover:#F4F1EA;
  --line:#2A2F38;
  --line-strong:#3A404C;
  --line-dash:#4A5160;
  --rule:#E0489A;
  --focus:#F5C842;
  --card-hover-border:#E0489A;
  --open-dot:#E0489A;
  --num:#F5C842;
  --cnt:#A9B0BC;

  --btn-bg:#E0489A;
  --btn-fg:#14171C;
  --btn-hover-bg:#EC6BB0;
  --btn-hover-fg:#14171C;
  --btn2-fg:#F5C842;
  --btn2-border:#F5C842;
  --btn2-hover-bg:#F5C842;
  --btn2-hover-fg:#14171C;
  --sell-bg:#E0489A;
  --sell-fg:#14171C;
  --sell-hover-bg:#EC6BB0;
  --sell-hover-fg:#14171C;

  --chip-bg:transparent;
  --chip-fg:#F4F1EA;
  --chip-border:#3A404C;
  --chip-on-bg:#E0489A;
  --chip-on-fg:#14171C;
  --chip-on-border:#E0489A;
  --chip-on-dot:#14171C;
  --chip-on-cnt:#14171C;
  --input-bg:#1A1E25;
  --input-border:#6F7787;
  --input-fg:#F4F1EA;
  --placeholder:#A9B0BC;
  --track:#4A5160;
  --track-on:#E0489A;
  --knob:#F4F1EA;

  --cat-1:#FF7A59;
  --cat-2:#2ED3D0;
  --cat-3:#F5C842;
  --cat-4:#B692FF;
  --tint:16%;

  --radius-card:20px;
  --radius-panel:24px;
  --radius-big:32px;

  --t-a-display:block;
  --t-a-font:'Outfit',sans-serif;
  --t-a-color:#fff;
  --t-a-fill:#fff;
  --t-a-stroke:0 transparent;
  --t-a-shadow:0 0 4px rgba(255,255,255,.8),0 0 10px rgba(255,255,255,.5),0 0 20px #ff00de,0 0 40px #ff00de,0 0 70px rgba(255,0,222,.6);
  --t-b-display:inline-block;
  --t-b-font:'Tilt Neon',sans-serif;
  --t-b-weight:400;
  --t-b-size:.88em;
  --t-b-lh:1.05;
  --t-b-ls:0;
  --t-b-color:#fff;
  --t-b-transform:none;
  --t-b-shadow:0 0 4px rgba(255,255,255,.8),0 0 10px rgba(255,255,255,.5),0 0 20px #ffd700,0 0 40px #ffd700,0 0 70px rgba(255,215,0,.6);
  --t-b-margin:-.1em 0 0 .2em;
}