/* FEARX Food Map - base.css
 * Foundation styles: CSS custom properties (theme variables), universal reset, body base.
 * Loaded in <head> of base.html before any page-specific stylesheet.
 */
:root {
  --bg: #0b0b0f;
  --surface: #16161d;
  --surface-2: #1d1d26;
  --border: #2a2a36;
  --text: #f0f0f5;
  --muted: #8a8a98;
  --accent: #FFD200;
  --accent-2: #D7141F;
  --accent-text: #FFD200;
  --map-bg: #0d0d12;
  --overlay-bg: rgba(11,11,15,.94);
  --panel-bg: var(--surface);
  --shadow: 0 8px 30px rgba(0,0,0,.5);
}
:root[data-theme="light"] {
  --bg: #f6f7fa;
  --surface: #ffffff;
  --surface-2: #f4f5f7;
  --border: #e4e6ea;
  --text: #1a1a20;
  --muted: #6e7378;
  --accent: #FFD200;
  --accent-2: #D7141F;
  --accent-text: #D7141F;
  --map-bg: #e8eaee;
  --overlay-bg: rgba(255,255,255,.96);
  --panel-bg: #ffffff;
  --shadow: 0 8px 30px rgba(0,0,0,.08);
}
* { margin:0; padding:0; box-sizing:border-box; }
html, body {
  height:100%;
  font-family:'Pretendard Variable',Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,'Helvetica Neue','Segoe UI','Apple SD Gothic Neo','Noto Sans KR','Malgun Gothic','Apple Color Emoji','Segoe UI Emoji',sans-serif;
  background:var(--bg);
  color:var(--text);
  -webkit-font-smoothing:antialiased;
  overflow:hidden;
}