:root {
      --ink: #241c18;
      --ink-soft: #655a52;
      --paper: #f4efe7;
      --surface: #fffdf9;
      --line: #ded4c8;
      --sand: #eadbc7;
      --accent: #b96039;
      --accent-dark: #8f4328;
      --blue: #294b7a;
      --blue-soft: #eaf2fb;
      --green: #2f684c;
      --green-soft: #e9f4ed;
      --focus: #245c73;
      --official-surface: #30445c;
      --official-border: #243346;
      --consult-surface: #f7ebe7;
      --consult-border: #a56c62;
      --consult-ink: #4e2c29;
      --map-surface: #e8f1ea;
      --map-border: #668570;
      --map-ink: #234a35;
      --cta-surface: #fffaf4;
      --cta-tint: #f4e8dc;
      --cta-border: #d9c9bb;
      --radius-lg: 30px;
      --radius-md: 20px;
      --shadow: 0 24px 70px rgba(45, 33, 25, 0.14);
    }

    * {
      box-sizing: border-box;
    }

    html {
      scroll-behavior: smooth;
    }

    body {
      margin: 0;
      min-width: 320px;
      min-height: 100vh;
      background:
        radial-gradient(circle at 8% 8%, rgba(234, 219, 199, 0.9), transparent 28rem),
        var(--paper);
      color: var(--ink);
      font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont,
        "Apple SD Gothic Neo", "Noto Sans KR", "Segoe UI", sans-serif;
      line-height: 1.5;
      -webkit-font-smoothing: antialiased;
    }

    button,
    a {
      font: inherit;
    }

    a {
      color: inherit;
    }

    .sr-only {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip: rect(0, 0, 0, 0);
      white-space: nowrap;
      border: 0;
    }