/* ============================================================
   LATA dizaina tokens — 1:1 ar Figma mainīgajiem
   (Primitives / Semantic / Layout; code syntax: var(--lata-*))
   ============================================================ */
:root {
  /* Primitives */
  --lata-brand-900: #002A3C;
  --lata-brand-800: #013245;
  --lata-brand-600: #335A69;
  --lata-lime-500: #B5DC17;
  --lata-neutral-900: #2A2A2A;
  --lata-neutral-200: #D9D9D9;
  --lata-neutral-100: #EEEEEE;
  --lata-neutral-0: #FFFFFF;
  --lata-red-500: #E84A43;

  /* Semantic — Light mode */
  --lata-bg-page: var(--lata-neutral-0);
  --lata-bg-surface: var(--lata-neutral-100);
  --lata-bg-inverse: var(--lata-brand-900);
  --lata-text-heading: var(--lata-brand-800);
  --lata-text-body: var(--lata-neutral-900);
  --lata-text-on-accent: var(--lata-brand-900);
  --lata-accent-default: var(--lata-lime-500);
  --lata-border-subtle: var(--lata-neutral-100);
  --lata-border-strong: var(--lata-brand-600);
  --lata-signal-error: var(--lata-red-500);

  /* Layout */
  --lata-spacing-xs: 8px;
  --lata-spacing-sm: 16px;
  --lata-spacing-md: 24px;
  --lata-spacing-lg: 48px;
  --lata-spacing-xl: 80px;
  --lata-radius-sm: 8px;
  --lata-radius-md: 16px;
  --lata-radius-feature: 80px;
  --lata-radius-image: 120px;

  /* Tipogrāfija — web mērogs, atvasināts no slaidu rampas (~÷2) */
  --lata-font: 'IBM Plex Sans', system-ui, sans-serif;
  --type-h1-size: 44px;        /* Heading/H1 72 → web 44 */
  --type-h1-lh: 56px;
  --type-h2-size: 30px;
  --type-h2-lh: 40px;
  --type-h3-size: 22px;        /* Heading/H3 40 → web 22 */
  --type-h3-lh: 30px;
  --type-quote-size: 26px;     /* Quote/Large 64 → web 26 */
  --type-quote-lh: 40px;
  --type-body-size: 18px;      /* Body/Loose 32/64 → web 18/32 */
  --type-body-lh: 32px;
  --type-eyebrow-size: 15px;   /* Eyebrow → web 15, izcelts */
  --type-caption-size: 14px;
  --type-caption-lh: 22px;
}

/* Tumšais režīms (Semantic Dark) — sadaļām ar .theme-dark */
.theme-dark {
  --lata-bg-page: var(--lata-brand-900);
  --lata-bg-surface: var(--lata-brand-800);
  --lata-bg-inverse: var(--lata-neutral-0);
  --lata-text-heading: var(--lata-neutral-0);
  --lata-text-body: var(--lata-neutral-0);
  --lata-border-subtle: var(--lata-brand-600);
}