@font-face {
  font-family: "Figtree";
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url("../assets/fonts/figtree-latin.woff2") format("woff2");
}

@font-face {
  font-family: "Cormorant Garamond";
  font-style: normal;
  font-weight: 500 600;
  font-display: swap;
  src: url("../assets/fonts/cormorant-garamond-latin.woff2") format("woff2");
}

@font-face {
  font-family: "Cormorant Garamond";
  font-style: italic;
  font-weight: 500 600;
  font-display: swap;
  src: url("../assets/fonts/cormorant-garamond-italic-latin.woff2") format("woff2");
}

@font-face {
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../assets/fonts/ibm-plex-mono-400-latin.woff2") format("woff2");
}

@font-face {
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../assets/fonts/ibm-plex-mono-500-latin.woff2") format("woff2");
}

:root,
[data-theme="atelier"] {
  color-scheme: light;
  --color-bg: #f6f2e9;
  --color-surface: #fdfbf5;
  --color-surface-muted: #f0eadf;
  --color-ink: #1f1c17;
  --color-ink-soft: #4a453c;
  --color-muted: #766f62;
  --color-line: rgba(31, 28, 23, 0.14);
  --color-green: #1e5a46;
  --color-green-deep: #17493a;
  --color-green-soft: #dce9e2;
  --color-brass: #a6752b;
  --color-brass-soft: #efe2ca;
  --color-danger: #9f3a36;
  --color-danger-soft: #f2ddda;
  --color-focus: #3c7d65;
  --font-display: "Cormorant Garamond", Georgia, serif;
  --font-sans: "Figtree", Inter, system-ui, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, monospace;
  --shadow-sm: 0 10px 24px -20px rgba(31, 28, 23, 0.32);
  --shadow-md: 0 18px 42px -25px rgba(31, 28, 23, 0.42);
  --shadow-green: 0 16px 36px -18px rgba(30, 90, 70, 0.72);
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --sidebar-width: 248px;
  --rail-width: 292px;
  --tap-size: 44px;
}