@font-face {
  font-family: "PP Neue Montreal";
  src: url("/assets/PPNeueMontreal-Regular-494e8844.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "PP Neue Montreal";
  src: url("/assets/PPNeueMontreal-Regular-494e8844.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "PP Neue Montreal";
  src: url("/assets/PPNeueMontreal-Regular-494e8844.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "PP Neue Montreal";
  src: url("/assets/PPNeueMontreal-Regular-494e8844.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "PP Formula";
  src: url("/assets/PPFormula-Medium-e916394f.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

html {
  font-synthesis: none;
}

:root {
  --bg: #f8f0e5;
  --bg-deep: #231412;
  --paper: rgba(255, 248, 240, 0.8);
  --surface: rgba(255, 248, 240, 0.56);
  --surface-strong: rgba(255, 248, 240, 0.92);
  --ink: #221613;
  --ink-soft: rgba(34, 22, 19, 0.72);
  --ink-faint: rgba(34, 22, 19, 0.52);
  --line: rgba(90, 58, 49, 0.16);
  --accent: #b24c39;
  --accent-deep: #7f2b1d;
  --accent-soft: #f7cdb8;
  --shadow: 0 30px 80px rgba(67, 35, 20, 0.14);
  --radius-lg: 32px;
  --radius-md: 22px;
  --radius-sm: 16px;
  --radius-pill: 999px;
  --bellek-bg: #000;
  --bellek-fg: #fff;
}

*, *::before, *::after { box-sizing: border-box; }

body {
  margin: 0;
  min-height: 100vh;
  color: var(--ink);
  font-family: "PP Neue Montreal", sans-serif;
  background:
    radial-gradient(circle at top left, rgba(255, 208, 168, 0.65), transparent 28%),
    radial-gradient(circle at 85% 15%, rgba(245, 177, 149, 0.55), transparent 24%),
    linear-gradient(180deg, #fbf6ef 0%, #f5e7d8 42%, #ead5c0 100%);
}

.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 3.5rem;
  padding: 0 2rem;
  border-radius: var(--radius-pill);
  text-decoration: none;
  font-weight: 700;
  transition: transform 0.2s;
}

.button--primary {
  background: var(--accent);
  color: #fff;
}

.button--ghost {
  border: 1px solid var(--line);
}