@font-face {
  font-family: "WhenWeWere Sans";
  src: url("/static/assets/fonts/pretendard/PretendardVariable.woff2") format("woff2");
  font-style: normal;
  font-weight: 45 920;
  font-display: swap;
}

/* When We Were — brand design tokens
   Source of truth for the approved BI direction. */
:root {
  --www-navy: #0E1C2B;
  --www-peach: #FFB08A;
  --www-peach-hover: #FF9770;
  --www-cream: #F6F3EE;
  --www-soft-gray: #E5E2DD;
  --www-ink: #1A2230;
  --www-white: #FFFFFF;

  /* One bundled family keeps Korean/Latin metrics identical across browsers/OSes. */
  --www-font-display: "WhenWeWere Sans", sans-serif;
  --www-font-ui: "WhenWeWere Sans", sans-serif;

  --www-radius-sm: 10px;
  --www-radius-md: 16px;
  --www-radius-lg: 24px;
  --www-radius-pill: 999px;

  --www-space-1: 4px;
  --www-space-2: 8px;
  --www-space-3: 12px;
  --www-space-4: 16px;
  --www-space-5: 24px;
  --www-space-6: 32px;
  --www-space-7: 48px;
  --www-space-8: 64px;

  --www-shadow-card: 0 12px 36px rgb(14 28 43 / 8%);
  --www-border: 1px solid var(--www-soft-gray);
}

.www-display {
  font-family: var(--www-font-display);
  color: var(--www-navy);
  letter-spacing: -0.035em;
}
.www-ui { font-family: var(--www-font-ui); }
.www-bg { background: var(--www-cream); color: var(--www-ink); }
.www-card { background: var(--www-white); border: var(--www-border); border-radius: var(--www-radius-lg); box-shadow: var(--www-shadow-card); }
.www-btn-primary { background: var(--www-navy); color: var(--www-white); border: 0; border-radius: var(--www-radius-md); }
.www-btn-secondary { background: var(--www-cream); color: var(--www-navy); border: 1px solid var(--www-navy); border-radius: var(--www-radius-md); }
.www-link { color: var(--www-peach); }
.www-link:hover { color: var(--www-peach-hover); }