@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter_18pt-Light.woff2") format("woff2"),
    url("../fonts/Inter_24pt-Light.woff2") format("woff2"),
    url("../fonts/Inter_28pt-Light.woff2") format("woff2");
  font-display: swap;
  font-style: normal;
  font-weight: 300;
}

@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter_18pt-Regular.woff2") format("woff2"),
    url("../fonts/Inter_24pt-Regular.woff2") format("woff2"),
    url("../fonts/Inter_28pt-Regular.woff2") format("woff2");
  font-display: swap;
  font-style: normal;
  font-weight: 400;
}

@font-face {
  font-family: "Cormorant Garamond";
  src: url("../fonts/CormorantGaramond-Medium.woff2") format("woff2");
  font-display: swap;
  font-style: normal;
  font-weight: 500;
}

@font-face {
  font-family: "Cormorant Garamond";
  src: url("../fonts/CormorantGaramond-SemiBold.woff2") format("woff2");
  font-display: swap;
  font-style: normal;
  font-weight: 600;
}

:root {
  --color-bg: #fdfaf7;
  --color-surface: #ffffff;
  --color-soft: #f2ebe5;
  --color-pink: #f5d6d6;
  --color-accent: #1789fc;
  --color-text: #1a1a1a;
  --color-muted: #6f6761;
  --muted-foreground: var(--color-muted);
  --font-serif: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --font-sans: "Inter", Arial, sans-serif;
  --container-max: 1240px;
  --gutter-desktop: 20px;
  --gutter-tablet: 16px;
  --gutter-mobile: 8px;
  --radius-md: 12px;
  --shadow-soft: 0 16px 40px rgba(26, 26, 26, 0.08);
  --focus-ring: 3px solid var(--color-accent);
}

@media (min-width: 1280px) {
  :root {
    --page-gutter: var(--gutter-desktop);
  }
}

@media (min-width: 820px) and (max-width: 1279px) {
  :root {
    --page-gutter: var(--gutter-tablet);
  }
}

@media (max-width: 819px) {
  :root {
    --page-gutter: var(--gutter-mobile);
  }
}