@layer base {
  :root {
    --bg0: #0a0e1a;
    --bg1: #0f1524;
    --bg2: #121929;
    --bg3: #1a2236;
    --bgH: #1e2844;
    --bd: #1e2a42;
    --bdL: #2a3a5c;
    --t1: #edf0f7;
    --t2: #b0b8cc;
    --t3: #8690a6;
    --blue: #3b82f6;
    --cyan: #06b6d4;
    --red: #ef4444;
    --orange: #f97316;
    --yellow: #eab308;
    --green: #22c55e;
    --purple: #a855f7;
    --boom: #f59e0b;
    --boomH: #fbbf24;
    --fK: Noto Sans KR, sans-serif;
    --fM: JetBrains Mono, monospace;
    --rS: 6px;
    --rM: 8px;
  }

  * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  body {
    font-family: 'Outfit', 'Noto Sans KR', sans-serif;
    background: var(--bg0);
    color: var(--t1);
    height: 100vh;
    overflow: hidden;
    font-weight: 400;
  }

  /* Date input calendar icon — white for dark theme */
  input[type="date"]::-webkit-calendar-picker-indicator {
    filter: invert(1);
    cursor: pointer;
    opacity: 0.7;
  }
  input[type="date"]::-webkit-calendar-picker-indicator:hover {
    opacity: 1;
  }
}
