@import url("https://cdn.jsdelivr.net/gh/wanteddev/wanted-sans@v1.0.3/packages/wanted-sans/fonts/webfonts/variable/split/WantedSansVariable.min.css");
@import url('https://cdn.jsdelivr.net/npm/galmuri@latest/dist/galmuri.css');
@import "tailwindcss";
@import "tw-animate-css";

@custom-variant dark (&:is(.dark *));

@theme inline {
  --color-background: var(--background);
  --color-foreground: var(--foreground);
  --color-muted: var(--muted);
  --color-muted-foreground: var(--muted-foreground);
  --color-border: var(--border);
  --color-ring: var(--ring);
  --radius-sm: calc(var(--radius) * 0.6);
  --radius-md: calc(var(--radius) * 0.8);
  --radius-lg: var(--radius);
}

@font-face {
  font-family: 'BonmyeongjoSourceHanSerif';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/NotoSerifKR.woff') format('woff');
  font-weight: normal;
  font-display: swap;
}

.font-BonmyeongjoSourceHanSerif {
  font-family: "BonmyeongjoSourceHanSerif", sans-serif !important;
}

.font-galmuri {
  font-family: "Galmuri", sans-serif !important;
}

:root {
  --background: hsl(340 40% 98%);
  --foreground: hsl(315 21% 8%);
  --muted: hsl(340 20% 95%);
  --muted-foreground: hsl(340 10% 60%);
  --border: hsl(340 25% 90%);
  --ring: hsl(315 21% 8%);
  --radius: 0.625rem;

  --scrollbar: hsla(340 10% 60% / 0.5);
  --scrollbar-hover: hsla(340 10% 60% / 0.8);
}

.dark {
  --background: hsl(315 21% 8%);
  --foreground: hsl(0 0% 98%);
  --muted: hsl(296, 18%, 15%);
  --muted-foreground: hsl(240 5% 68%);
  --border: hsl(296, 18%, 15%);
  --ring: hsl(240 4.9% 83.9%);

  --scrollbar: hsla(340 10% 60% / 0.5);
  --scrollbar-hover: hsla(340 10% 60% / 0.8);
}

@layer base {
  * {
    border-color: var(--border);
    outline-color: color-mix(in srgb, var(--ring) 50%, transparent);
  }

  body {
    background-color: var(--background);
    color: var(--foreground);
    font-family: "Wanted Sans Variable", "Wanted Sans", -apple-system,
      BlinkMacSystemFont, system-ui, "Segoe UI", "Apple SD Gothic Neo",
      "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji",
      "Segoe UI Symbol", sans-serif;
  }
}

/* Fullscreen Scroll Snap */
html {
  scroll-behavior: smooth;
}

body {
  scroll-snap-type: y mandatory;
}

.snap-section {
  scroll-snap-align: start;
  scroll-snap-stop: always;
}

strong {
  font-weight: 600;
}