/* Base reset, design tokens, typography, and document defaults. */

      * {
        box-sizing: border-box;
        margin: 0;
        padding: 0;
      }

:root {
        color-scheme: dark;
        --bg: #22262f;
        --nav: #07090e;
        --panel: #0d1118;
        --panel-hover: #131a25;
        --line: rgba(255, 176, 32, 0.12);
        --line-strong: rgba(255, 176, 32, 0.28);
        --text: #e8edf8;
        --sub: rgba(232, 237, 248, 0.5);
        --faint: rgba(232, 237, 248, 0.32);
        --blue: #4da3ff;
        --green: #00d084;
        --red: #ff4d5a;
        --violet: #8b5cf6;
        --amber: #ffb020;
        --orange: #ff8a1f;
        font-family:
          "Pretendard", "Noto Sans KR", Inter, system-ui, -apple-system,
          BlinkMacSystemFont, "Segoe UI", sans-serif;
      }

html {
        scroll-behavior: smooth;
      }

body {
        min-height: 100vh;
        background: var(--bg);
        color: var(--text);
      }

button,
      input {
        font: inherit;
      }

button.calendar-cell {
        width: 100%;
        appearance: none;
        color: inherit;
        font: inherit;
      }