/* Smartbite
   Brand: "Ugrás", picked 2026-09-03 from brand/variants.html.
   Bright and playful, but grown up. Saturated and deep rather than neon:
   a real coral, a real sun yellow, on an indigo-black. Replaces the old
   lime-and-hot-pink Framer palette entirely.

   The two rules that matter, both measured, both easy to break by accident:
   1. The coral is 3.45:1 on white. It NEVER carries small text on white.
      Links and small coral text use --accent-ink instead (5.3:1).
   2. The coral button carries INK text, not white. Ink on coral is 4.83:1
      and passes AA. White on coral is 3.45:1 and does not. */

:root{
  /* ground and ink */
  --paper:#FFFCF6;         /* vaj. the page ground. 16.3:1 with ink */
  --card:#FFFFFF;
  --shell:#F8F4EC;         /* one step down from paper, for alternating bands */
  --ink:#1E1B33;           /* indigó. all body text, dark slabs */
  --ink-2:#514D6B;         /* secondary text, 7.8:1 */
  --ink-3:#6D6889;         /* muted text, 5.1:1, still AA at body size */

  /* accent */
  --accent:#F0544F;        /* korall. 3.45:1 on white. LARGE FILLS AND BUTTONS ONLY. */
  --accent-ink:#C7332E;    /* 5.3:1 on white and at least 4.7:1 on every tint. links, small accent text, eyebrows */
  --accent-press:#DC463F;  /* pressed state for the coral button */
  --accent-soft:#FFEDEA;   /* soft coral surface, icon discs, tinted cards */
  --on-accent:var(--ink);  /* text ON coral. ink, not white. 4.83:1 */

  --sun:#FFC94A;           /* secondary fill. carries ink at 10.9:1 */
  --sun-soft:#FFF3D4;

  --hair:rgba(30,27,51,.13);
  --hair-2:rgba(30,27,51,.07);

  /* on the dark slab */
  --on-dark:#FFFCF6;
  --on-dark-2:#A9A3C4;
  --on-dark-3:#DEDAEC;     /* list text on the dark slab */
  --hair-dark:rgba(255,252,246,.15);

  /* Gabarito is round and confident without being a toy face. Figtree is
     its quiet partner. Both carry latin-ext, which Hungarian needs for ő
     and ű. No third face, no mono. */
  --font-display:"Gabarito","Figtree",-apple-system,BlinkMacSystemFont,system-ui,sans-serif;
  --font-body:"Figtree",-apple-system,BlinkMacSystemFont,system-ui,sans-serif;

  /* type scale 13/15/17/20/24/32/42, plus a hero step */
  --t-xs:13px; --t-sm:15px; --t-base:17px; --t-md:20px;
  --t-lg:24px; --t-xl:32px; --t-2xl:42px;
  --t-h2:clamp(30px,4.2vw,48px);
  --t-hero:clamp(38px,6.4vw,76px);

  /* spacing 4/8/12/16/24/32/48/64/96/128 */
  --s-1:4px; --s-2:8px; --s-3:12px; --s-4:16px; --s-6:24px;
  --s-8:32px; --s-12:48px; --s-16:64px; --s-24:96px; --s-32:128px;

  --container:1180px;
  --narrow:760px;

  /* Ugrás is the roundest of the five directions. Radii run generous. */
  --r-sm:12px; --r-card:16px; --r-lg:22px; --r-xl:30px; --r-pill:9999px;

  /* floating chrome: the glass chip treatment, same family as easysleep */
  --chip:rgba(255,255,255,.74);
  --chip-edge:rgba(30,27,51,.10);
  --chip-shadow:0 6px 22px rgba(30,27,51,.10);
  --header-h:64px;

  --ring:0 0 0 1px rgba(30,27,51,.10);
  --ring-2:0 0 0 1px rgba(30,27,51,.16);

  --ease:cubic-bezier(.2,0,0,1);
  --ease-out:cubic-bezier(.22,1,.36,1);
  --t-fast:140ms;
  --t-enter:260ms;
  --t-reveal:520ms;
}