@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&family=Nunito:wght@400;600;700;800;900&family=Caveat:wght@500;600;700&display=swap');

/* Soyuz Grotesk (the logo font) is scoped to CYRILLIC only — its Latin glyphs read wrong.
   Latin/German text in headings falls through to Nunito automatically, per-glyph. */
@font-face{
  font-family:'Soyuz Grotesk';
  src:url('../fonts/soyuz-grotesk-bold.woff') format('woff'),
      url('../fonts/soyuz-grotesk-bold.otf') format('opentype');
  font-weight:400 900;
  font-style:normal;
  font-display:swap;
  unicode-range:U+0400-04FF, U+0500-052F, U+2116, U+20BD;
}

/* englibee — design tokens v3. Real brand: purple + green + cream, Soyuz Grotesk + Montserrat. */
:root{
  /* brand */
  --brand:#7566F5;        /* primary purple (from logo) */
  --brand-deep:#5B49E8;
  --brand-soft:#E9E5FE;   /* fills */
  --brand-tint:#F1EEFD;
  --lavender:#BEB4FF;     /* brand on dark */

  /* accent — brand green (was honey) */
  --accent:#C3EC45;
  --accent-deep:#A6D22B;
  --honey:#C3EC45;        /* legacy alias → now green */
  --marker:#C3EC45;       /* highlight underline */

  /* legacy alias — eyebrows/blog-tags point here */
  --clay:#5B49E8;

  /* neutrals */
  --ink:#1A1730;
  --ink-soft:#5B5570;
  --cream:#F3EFE5;        /* page bg */
  --cream-alt:#ECE7FB;    /* alt section tint (purple) */
  --night:#1D1734;        /* dark sections — purple-black */
  --night-2:#272042;
  --night-3:#3A3160;
  --night-text:#EFEBFB;
  --night-text-soft:#B6ACD8;

  /* lines & fields */
  --sand-border:#E2DCF0;
  --sand-border-2:#D6CEEC;
  --sand-input:#D3CBEA;

  --whatsapp:#25D366;
  --success:#2FA37C;

  /* type */
  --font-display:'Soyuz Grotesk','Nunito','Montserrat',system-ui,sans-serif;   /* Cyrillic→Soyuz, Latin→Nunito */
  --font-body:'Montserrat',system-ui,sans-serif;                       /* body/UI */
  --font-accent:'Caveat',cursive;                                      /* handwritten notes */

  /* motion */
  --ease:cubic-bezier(.2,.7,.2,1);
  --ease-snap:cubic-bezier(.16,1,.3,1);

  /* shape */
  --r-pill:999px;
  --r-lg:30px;
  --r-md:22px;
  --r-sm:14px;

  /* sticker shadow (hard offset, no blur) */
  --shadow-sticker-sm:0 4px 12px -5px rgba(52,38,110,.30);
  --shadow-sticker-md:0 8px 20px -8px rgba(52,38,110,.28);
  --shadow-sticker-lg:0 16px 34px -16px rgba(52,38,110,.26);
  --shadow-sticker-xl:0 24px 50px -20px rgba(52,38,110,.28);
  --shadow-soft:0 10px 28px -14px rgba(52,38,110,.24);
  --shadow-soft-lg:0 14px 34px -14px rgba(0,0,0,.5);
}