/* Design tokens. Source of truth: ../luduma-platform/design/app/README.md (copied 2026-11-01). */
@font-face {
  font-family: "Inter";
  font-weight: 100 900;
  font-display: swap;
  src: url("fonts/inter-latin-wght-normal.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Inter";
  font-weight: 100 900;
  font-display: swap;
  src: url("fonts/inter-cyrillic-wght-normal.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

:root {
  color-scheme: light dark;

  /* colour: light-dark(light, dark); follows the OS, data-theme on <html> forces one */
  --accent: light-dark(#4f46e5, #9a9bff);
  --on-accent: light-dark(#fff, #14142e);
  --accent-soft: light-dark(#e9e8fd, rgba(154, 155, 255, 0.16));
  --ground: light-dark(#f5f5f7, #1b1b1f);
  --card: light-dark(#fff, #26262b);
  --text: light-dark(#1d1d1f, #f2f2f5);
  --text-2: light-dark(#61616b, #a6a6b0);
  --hairline: light-dark(rgba(0, 0, 0, 0.08), rgba(255, 255, 255, 0.08));
  --error: #d92d20;
  --shadow: 0 1px 2px light-dark(rgba(0, 0, 0, 0.04), rgba(0, 0, 0, 0.3)), 0 8px 24px light-dark(rgba(20, 20, 40, 0.06), rgba(0, 0, 0, 0.35));

  /* type */
  --font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --fs-hero: clamp(2.5rem, 1.6rem + 4.5vw, 4.5rem); /* 72px at desktop */
  --fs-title: 2rem;
  --fs-body: 1.0625rem;
  --fs-label: 0.8125rem;

  /* shape */
  --r-card: 20px;
  --r-inner: 14px;
  --r-button: 12px;
  --r-pill: 999px;

  /* spacing */
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 24px;
  --s-6: 40px;
  --gutter: 16px;

  /* motion */
  --t-fast: 150ms;
  --t-slow: 250ms;
  --ease: ease-out;
}

@media (min-width: 820px) {
  :root { --gutter: 40px; }
}

:root[data-theme="light"] { color-scheme: light; }
:root[data-theme="dark"] { color-scheme: dark; }