/* Salvus — shared design tokens (brand sheet + Figma web reference) */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/static/fonts/Inter-Regular.woff2") format("woff2");
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/static/fonts/Inter-Medium.woff2") format("woff2");
}

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

:root {
  --salvus-page: #f4f3f0;
  --salvus-surface: #ffffff;
  --salvus-text-primary: #39434f;
  --salvus-text-body: #39434f;
  --salvus-text-muted: #6d8686;
  --salvus-text-subtle: #6d8686;
  --salvus-accent: #a49dba;
  --salvus-accent-strong: #39434f;
  --salvus-support: #d8cfc4;
  --salvus-border: #d8cfc4;
  --salvus-focus: #6d8686;

  --salvus-space-4: 4px;
  --salvus-space-8: 8px;
  --salvus-space-12: 12px;
  --salvus-space-16: 16px;
  --salvus-space-24: 24px;
  --salvus-space-32: 32px;
  --salvus-space-48: 48px;

  --salvus-font-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --salvus-line-height: 1.55;
  --salvus-radius-card: 12px;
  --salvus-shadow-card: 0 1px 3px rgba(57, 67, 79, 0.06);
  --salvus-max-width: 720px;

  /* Temporary aliases for pages still referencing older token names */
  --sayings-page: var(--salvus-page);
  --sayings-surface: var(--salvus-surface);
  --sayings-app-bg: var(--salvus-page);
  --sayings-app-tint: #ebe8f0;
  --sayings-text-primary: var(--salvus-text-primary);
  --sayings-text-body: var(--salvus-text-body);
  --sayings-text-muted: var(--salvus-text-muted);
  --sayings-text-subtle: var(--salvus-text-subtle);
  --sayings-accent-mauve: var(--salvus-accent-strong);
  --sayings-accent-lavender: var(--salvus-accent);
  --sayings-border: var(--salvus-border);
  --sayings-space-4: var(--salvus-space-4);
  --sayings-space-8: var(--salvus-space-8);
  --sayings-space-12: var(--salvus-space-12);
  --sayings-space-16: var(--salvus-space-16);
  --sayings-space-24: var(--salvus-space-24);
  --sayings-space-32: var(--salvus-space-32);
  --sayings-space-48: var(--salvus-space-48);
  --sayings-font-serif: var(--salvus-font-sans);
  --sayings-font-sans: var(--salvus-font-sans);
  --sayings-line-height: var(--salvus-line-height);
  --sayings-radius-card: var(--salvus-radius-card);
  --sayings-shadow-card: var(--salvus-shadow-card);
  --sayings-max-width: var(--salvus-max-width);
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}