@font-face {
  font-family: "Elms Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../assets/fonts/elms-sans-400.ttf") format("truetype");
}

@font-face {
  font-family: "Elms Sans";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../assets/fonts/elms-sans-500.ttf") format("truetype");
}

@font-face {
  font-family: "Elms Sans";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../assets/fonts/elms-sans-600.ttf") format("truetype");
}

@font-face {
  font-family: "Elms Sans";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../assets/fonts/elms-sans-700.ttf") format("truetype");
}

:root {
  --font-sans: "Elms Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --color-page: #fcf7ff;
  --color-page-strong: #f7effa;
  --color-ink: #352432;
  --color-ink-soft: #655560;
  --color-muted: #8c7d89;
  --color-faint: #b9adb7;
  --color-border: rgba(101, 85, 96, 0.16);
  --color-border-strong: rgba(101, 85, 96, 0.28);
  --color-surface: rgba(255, 255, 255, 0.82);
  --color-surface-solid: #ffffff;
  --color-ring: rgba(247, 242, 249, 0.92);
  --color-ring-line: rgba(255, 255, 255, 0.94);
  --color-plum: #655560;
  --color-plum-dark: #493646;
  --color-source: #47715a;
  --color-info: #4d6f8e;
  --shadow-soft: 0 28px 80px rgba(81, 64, 78, 0.14);
  --shadow-tile: 0 24px 52px rgba(74, 58, 70, 0.22);
  --shadow-ring: 0 34px 90px rgba(101, 85, 96, 0.08);
  --radius-small: 8px;
  --radius-medium: 14px;
  --radius-large: 22px;
  --ease-out: cubic-bezier(0.2, 0.8, 0.2, 1);
  --duration-slow: 560ms;
  --duration: 320ms;
}