@font-face {
  font-family: "Potta One";
  src: url("../assets/fonts/PottaOne-Regular.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: "Shippori Antique";
  src: url("../assets/fonts/ShipporiAntique-Regular.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: "DynaPuff";
  src: url("../assets/fonts/DynaPuff-SemiBold.ttf") format("truetype");
  font-display: swap;
}

:root {
  --warm-ivory: #faf7f0;
  --surface: #ffffff;
  --ink: #292522;
  --muted: #6d655e;
  --purple: #6f2e6c;
  --green: #6f8b58;
  --mango: #f4c65d;
  --lavender: #dcc8dd;
  --sage: #d9e2ce;
  --apricot: #f5deae;
  --border: #e4ddd3;
  --error: #b54343;
  --shadow: 0 16px 40px rgba(72, 54, 38, 0.12);
  --font-logo: "Potta One", "Noto Serif TC", "Noto Serif", Georgia, serif;
  --font-title: "Shippori Antique", "Noto Serif TC", "Noto Serif", Georgia, serif;
  --font-heading: "Noto Sans TC", Inter, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --font-body: "Noto Sans TC", Inter, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --radius: 8px;
  --radius-soft: 14px;
  --rail: 94px;
  --max: 1080px;
}

html[lang="en"] {
  --font-title: "DynaPuff", "Shippori Antique", "Noto Serif TC", Georgia, serif;
}