@font-face {
  font-family: "Tenor Sans";
  src: url("../assets/fonts/TenorSans-Regular.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "Montserrat";
  src: url("../assets/fonts/Montserrat-Regular.woff2") format("woff2");
  font-display: swap;
  font-weight: 400;
}

@font-face {
  font-family: "Montserrat";
  src: url("../assets/fonts/Montserrat-SemiBold.woff2") format("woff2");
  font-display: swap;
  font-weight: 600;
}

:root {
  --ink: #1a1714;
  --ink-soft: #27221e;
  --ink-raised: #342c27;
  --paper: #fdfbf9;
  --paper-soft: #f7f2ec;
  --canvas: #ece6e1;
  --copper: #c4896e;
  --copper-deep: #ad684b;
  --copper-light: #d9a58d;
  --muted: #71675f;
  --muted-light: #9d9188;
  --line: rgba(26, 23, 20, 0.14);
  --line-strong: rgba(26, 23, 20, 0.24);
  --line-dark: rgba(255, 255, 255, 0.16);
  --success: #55705a;
  --warning: #a45f3a;
  --danger: #9d473f;
  --white: #fffdfa;
  --font-display: "Tenor Sans", Georgia, serif;
  --font-ui: "Montserrat", Arial, sans-serif;
  --shadow-page: 0 32px 80px rgba(48, 37, 30, 0.13);
  --shadow-layer: 0 28px 80px rgba(26, 23, 20, 0.28);
  --radius-page: 4px;
  --radius-control: 8px;
  --radius-soft: 12px;
  --tap: 48px;
  --content-width: 720px;
  --icon-stroke: 1.65;
  --motion-fast: 160ms;
  --motion-normal: 240ms;
}