/*
 * Tokens — the Claude Design system's own values, not a third River palette.
 *
 * Every custom property here was read out of
 * `_ds/design-system-0d244e70-…/_ds_bundle.css`. The two hex-with-alpha line
 * colours are expanded to rgba() because #ffffff14 is not understood
 * everywhere. The clamps are the ones the page files state inline; they are
 * named once here rather than repeated forty times.
 *
 * The design is viewport-proportional throughout: clamp(min, Nvw, max), never
 * an interpolation between a phone anchor and a desktop anchor. One rule per
 * role reproduces it at every width at once.
 */

@font-face{font-family:'Geist';src:url('../fonts/Geist.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:'Geist Mono';src:url('../fonts/GeistMono.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}

:root{
  /* surfaces */
  --canvas:#06070A;
  --canvas-2:#0B0D12;
  --deep:#030814;
  --sheet:#F6F7F9;
  --white:#FFFFFF;

  /* ink on dark */
  --ink-1:#F4F6F8;
  --ink-2:#B5BBC5;
  --ink-3:#7D8592;

  /* ink on light */
  --onlight-1:#14181F;
  --onlight-2:#55606E;
  --onlight-3:#8792A0;
  --onlight-deep:#0E7FA3;

  /* accents */
  --cyan:#45D5FF;
  --indigo:#7766FF;
  --accent:#5277FF;

  /* brand, as the Media Kit states them */
  --river-navy:#292A69;
  --river-cyan:#50C7EB;

  /* hairlines — #ffffff14 and #14181f1a in the design system */
  --line-dark:rgba(255,255,255,.08);
  --line-light:rgba(20,24,31,.10);

  /* type */
  --font:'Geist',ui-sans-serif,system-ui,sans-serif;
  --mono:'Geist Mono',ui-monospace,'SFMono-Regular',monospace;

  /* rhythm */
  --max:1440px;
  --gutter:clamp(20px,4vw,56px);        /* 56 · 40.96 · 30.72 · 20 */
  --sec-y:clamp(72px,10vw,140px);       /* the page sections */
  --sec-y-lansare:clamp(80px,10vw,140px);
  --sec-y-sheet:clamp(72px,9vw,128px);
  --sec-gap:clamp(40px,5vw,64px);
  --col-gap:clamp(40px,6vw,96px);

  /* type scale, exactly as the sources declare it */
  --fs-h1-lansare:clamp(44px,min(8vw,11vh),124px);
  --fs-h1-page:clamp(44px,6.4vw,96px);   /* Tokenomics, Cum, Despre, FAQ, WP, Blog */
  --fs-h1-produs:clamp(40px,4.8vw,68px);
  --fs-h1-contact:clamp(44px,6vw,88px);
  --fs-h1-descarca:clamp(40px,5.4vw,80px);
  --fs-h1-legal:clamp(40px,5vw,72px);
  --fs-h2:clamp(36px,4.8vw,68px);        /* Lansare sections */
  --fs-h2-page:clamp(36px,4.6vw,64px);   /* page sections */
  --fs-h2-sm:clamp(32px,3.8vw,52px);
  --fs-h2-xs:clamp(28px,3vw,40px);
  --fs-h2-step:clamp(28px,3vw,44px);
  --fs-h2-wait:clamp(40px,5.6vw,80px);
  --fs-lead:clamp(16px,1.3vw,19px);
  --fs-lead-page:clamp(17px,1.5vw,21px);
  --fs-count:clamp(32px,4.6vw,60px);
  --fs-count-sm:clamp(28px,3vw,40px);
  --fs-supply:clamp(48px,6vw,96px);
  --fs-alloc:clamp(28px,3vw,44px);
  --fs-card-h:clamp(30px,3.4vw,48px);
  --fs-stat:clamp(28px,3vw,40px);
  --fs-fee:clamp(44px,5vw,72px);

  --ease:cubic-bezier(.16,.84,.24,1);
  --pill:999px;
}