/**
 * Shared design tokens for the Glot static site.
 * Linked from every page's <head>, before that page's own embedded <style>
 * block — a page can still declare a token locally in its own :root to
 * override a value on purpose (e.g. affiliate-program's --color-red).
 *
 * Only tokens confirmed identical across every page that used them are
 * centralized here. Anything that legitimately varies per page stays
 * declared locally on that page.
 */
:root {
  --color-black: #000;
  --color-white: #fff;
  --color-dark: #0A0A0A;
  --color-light: #F5F5F5;
  --color-s1: #111;
  --color-red: #E8003D;
  --color-muted-l: #E0E0E0;
  --color-body-d: rgba(255,255,255,0.78);

  --bor-dark: rgba(0,0,0,0.09);
  --bor-light: rgba(255,255,255,0.08);
  --bor-mid: rgba(255,255,255,0.12);

  --font-body: 'Inter', sans-serif;
  --font-display: 'Bebas Neue', sans-serif;
  --font-nav: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;

  --max-w: 1200px;
  --pad-x: 56px;

  --radius-btn: 6px;
  --radius-sm: 4px;

  --z-nav: 500;
  --z-mob-nav: 499;
  --z-popup: 1000;
  --z-progress: 499;
}
