/* Design tokens — Revised Prototype Exact Match */

/* Inter (variable), self-hosted. Cyrillic + Latin subsets. */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/fonts/inter-cyrillic.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/fonts/inter-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}

:root {
  /* Typography */
  --font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

  /* Colors */
  --bg: #ffffff;
  --ink: #2b2d38;
  --ink-secondary: #1e293b;
  --ink-soft: rgba(15, 23, 42, 0.75);

  /* Primary CTA Brand Color */
  --accent-cta: #f6d70c;
  --accent-cta-active: #e5c70b;
  --accent-ink: #2b2d38;

  /* Solid Card Colors matching revised prototype */
  --card-hero-gray: #f1f1e8;
  --card-gray: #f1f1e8;
  --card-yellow: #fff4a8;
  --card-purple: #ded5fe;
  --card-peach: #ffe5c1;
  --card-pink: #fee3f0;

  /* Card typography */
  --card-title-size: 14px;
  --card-title-color: #1a1a1a;
  --card-desc-size: 11px;
  --card-desc-color: #1f1f1f;

  /* Icon boxes */
  --icon-inset: 12px;
  --icon-tile: 52px;
  --icon-half: 80px;
  --icon-banner: 96px;

  /* Geometry & Rhythm */
  --radius-lg: 16px;
  --radius-md: 16px;
  --gap: 8px;
  --page-pad: 16px;
  --card-pad: 14px;
}