/* ────────────────────────────────────────────────
   relive design tokens
   single source of truth for colors, lines, etc.
   ──────────────────────────────────────────────── */

/* ────────── @font-face — local fonts ────────── */

/* Helvetica Neue LT GEO — body & big text (both EN and KA) */
@font-face {
  font-family: 'Helvetica Neue LT GEO';
  src: url('../assets/Fonts/Helvetica Neue LT GEO 55 Roman.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* TBC Contractica CAPS — Georgian headings */
@font-face {
  font-family: 'TBC Contractica';
  src: url('../assets/Fonts/TBCContracticaCAPS-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'TBC Contractica';
  src: url('../assets/Fonts/TBCContracticaCAPS-Bold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'TBC Contractica';
  src: url('../assets/Fonts/TBCContracticaCAPS-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root{
  /* surfaces */
  --bg:        #0a0908;
  --bg-2:      #131211;
  --bg-3:      #1a1816;

  /* type */
  --ink:       #f5f4f2;
  --ink-dim:   rgba(245,244,242,0.55);
  --ink-mute:  rgba(245,244,242,0.32);

  /* lines */
  --line:      rgba(245,244,242,0.08);
  --line-2:    rgba(245,244,242,0.14);

  /* accent — used only on live indicators */
  --rec:       #ff5c00;

  /* layout */
  --container: 1320px;
  --gutter:    32px;
  --gutter-sm: 20px;

  /* type ramps */
  --h1:        clamp(56px, 8vw, 120px);
  --h2:        clamp(40px, 5.4vw, 72px);
  --h3:        clamp(24px, 2.2vw, 30px);
  --body:      17px;
  --small:     14px;
  --mono:      11px;

  /* font families
     - body:    Helvetica Neue LT GEO for body & big text (always, EN + KA)
     - heading: Geist for EN, TBC for KA (overridden via [lang="ka"])
     - display: Geist always — for "Relive" logo & hero static (never translated) */
  --font-body:    'Helvetica Neue LT GEO', 'Geist', system-ui, -apple-system, sans-serif;
  --font-heading: 'Geist', sans-serif;
  --font-display: 'Geist', sans-serif;
  --font-mono:    'Geist Mono', monospace;

  /* easings */
  --ease-out:  cubic-bezier(0.2, 0.8, 0.2, 1);
  --ease-expo: cubic-bezier(0.16, 1, 0.3, 1);
}

/* Georgian — swap heading font to TBC Contractica CAPS
   and shrink heading scale (Georgian text + all-caps display = much wider) */
[lang="ka"]{
  --font-heading: 'TBC Contractica', 'Geist', sans-serif;

  /* down-scaled heading ramp for Georgian — ~70% of the EN ramp */
  --h1: clamp(40px, 5.6vw, 84px);
  --h2: clamp(28px, 3.8vw, 50px);
  --h3: clamp(20px, 1.8vw, 26px);
}

/* hard size overrides for headings that don't reference --h2/--h3 directly */
[lang="ka"] .footer-h2{ font-size: clamp(28px, 3.8vw, 50px); }
[lang="ka"] .how header h2{ font-size: clamp(28px, 3.8vw, 50px); }
[lang="ka"] .how-card h3{ font-size: clamp(20px, 1.7vw, 26px); }
[lang="ka"] .pricing header h2{ font-size: clamp(28px, 3.8vw, 50px); }
[lang="ka"] .use-cases header h2{ font-size: clamp(28px, 3.8vw, 50px); }
[lang="ka"] .faq-side h2{ font-size: clamp(28px, 3.8vw, 50px); }
/* line-height tightens too — TBC CAPS reads better with slightly more leading */
[lang="ka"] .footer-h2,
[lang="ka"] .how header h2,
[lang="ka"] .pricing header h2,
[lang="ka"] .use-cases header h2,
[lang="ka"] .faq-side h2{ line-height: 1.05; letter-spacing: -0.02em; }
[lang="ka"] .how-card h3{ line-height: 1.1; letter-spacing: -0.015em; }