/* Variants D — „Ritms” (B radinieks: mazāk teksta, vairāk enerģijas)
   Bāze: power + dramatic (kā B) + storytelling/immersive (ritināšanas nodaļas, prožektors).
   VIENĪGĀ vieta ar krāsām, fontiem, izmēriem, atstarpēm, rādiusiem, ēnām. */
@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&family=Inter:wght@400;500;600;700&display=swap");

:root {
  --variant-name: "D — Ritms";

  /* Krāsas — melna skatuve + viens prožektora akcents. Kontrasts pārbaudīts ar skriptu. */
  --c-black: #0A0A0B;
  --c-bg: var(--c-black);
  --c-surface: #141417;
  --c-surface-alt: #101012;
  --c-surface-raised: #1C1C21;
  --c-text: #F4F4F5;               /* 18.00:1 */
  --c-text-strong: #FFFFFF;
  --c-text-muted: #A1A1AA;         /* 7.72:1 uz fona, 7.17:1 uz virsmas */
  --c-border: #26262B;             /* dekoratīvas līnijas */
  --c-border-input: #71717A;       /* formas lauku robeža — 3.80:1 (≥3:1, WCAG 1.4.11) */
  --c-accent: #FFC21A;             /* prožektora dzeltens — 12.24:1 */
  --c-on-accent: var(--c-black);   /* 12.24:1 */
  --c-accent-hover: #FFD454;
  --c-accent-soft: rgb(255 194 26 / 0.12);
  --c-highlight: var(--c-accent);
  --c-highlight-text: var(--c-accent);
  --c-link: var(--c-accent);
  --c-focus: var(--c-accent);
  --c-error: #FF6B5B;              /* 7.07:1 */
  --c-error-soft: #2A1412;
  --c-success: #4ADE80;            /* 11.36:1 */
  --c-disabled-bg: #1C1C21;
  --c-disabled-text: #6B6B78;

  /* Gaisma un pārklājumi bildēm */
  --overlay-hero: linear-gradient(to right, rgb(10 10 11 / 0.88) 0%, rgb(10 10 11 / 0.6) 40%, rgb(10 10 11 / 0) 70%), linear-gradient(to top, rgb(10 10 11 / 0.95) 0%, rgb(10 10 11 / 0.6) 30%, rgb(10 10 11 / 0) 60%);
  --overlay-card: linear-gradient(to top, rgb(10 10 11 / 0.92) 0%, rgb(10 10 11 / 0.55) 45%, rgb(10 10 11 / 0) 75%);
  --beam: rgb(255 194 26 / 0.22);
  --beam-2: rgb(255 61 165 / 0.22);   /* otrs stars — rozā, enerģijai */
  --glow-accent: 0 0 2.5rem rgb(255 194 26 / 0.35);
  --img-filter: saturate(1.1) contrast(1.05);
  --header-bg: rgb(10 10 11 / 0.82);
  --header-blur: blur(12px);
  --logo-filter: brightness(0) invert(1);   /* logotips baltā — oriģinālais zilais uz melna nav salasāms */

  /* Tipogrāfija */
  --font-display: "Oswald", "Arial Narrow", sans-serif;
  --font-body: "Inter", system-ui, sans-serif;
  --font-mono: "Inter", system-ui, sans-serif;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-bold: 600;
  --fw-display: 600;
  --tt-display: uppercase;
  --ls-display: 0.005em;
  --ls-eyebrow: 0.2em;
  --ls-button: 0.08em;
  --lh-display: 1.2;   /* Oswald lielajiem Ņ/Ļ/Ķ/Ģ komats ir dziļš — mazāka rindstarpa tos saduras ar nākamo rindu */
  --lh-hero: 1.25;     /* LIELIE BURTI + latviešu komats zem burta: ≥1.25, citādi Ņ komats skar nākamo rindu (pārbaudīts ar „SKAŅA.”) */
  --lh-tight: 1.2;
  --lh-body: 1.6;

  --fs-xs: 0.8125rem;
  --fs-sm: 0.9375rem;
  --fs-md: 1.0625rem;
  --fs-lg: 1.25rem;
  --fs-xl: clamp(1.5rem, 1.2rem + 1vw, 2rem);
  --fs-2xl: clamp(2.5rem, 1.8rem + 3vw, 4.5rem);
  --fs-3xl: clamp(3rem, 2rem + 5vw, 7rem);
  --fs-hero: clamp(3.5rem, 1rem + 10vw, 12rem);
  --fs-chapter: clamp(2.75rem, 1.2rem + 6.5vw, 8rem);
  --fs-word: clamp(2rem, 1.2rem + 3.2vw, 4.25rem);
  --fs-marquee: clamp(1.75rem, 1.2rem + 2.2vw, 3.25rem);

  /* Atstarpes (8 px režģis) */
  --sp-1: 0.25rem;
  --sp-2: 0.5rem;
  --sp-3: 0.75rem;
  --sp-4: 1rem;
  --sp-5: 1.5rem;
  --sp-6: 2rem;
  --sp-7: 3rem;
  --sp-8: 4rem;
  --sp-9: 7rem;
  --sp-10: 9rem;

  /* Formas */
  --r-sm: 2px;
  --r-md: 4px;
  --r-pill: 999px;
  --bw: 1px;
  --bw-strong: 3px;
  --focus-ring: 3px;
  --shadow-card: 0 1.5rem 3rem rgb(0 0 0 / 0.5);

  /* Izkārtojums */
  --container: 80rem;
  --gutter: clamp(1rem, 0.5rem + 2.5vw, 2.5rem);
  --hero-h: 100svh;
  --header-h: 4.75rem;
  --logo-h: 2.75rem;
  --control-h: 3rem;

  /* Kustība */
  --dur-fast: 150ms;
  --dur: 350ms;
  --dur-fade: 1600ms;
  --dur-kenburns: 12s;
  --dur-beam: 6s;             /* ātrāki stari — enerģija */
  --dur-cut: 120ms;           /* asas slaidu pārejas (nav mirgošana: maiņa ik ~2,2 s) */
  --dur-punch: 2.4s;          /* „sitiena” tuvinājums katram kadram */
  --dur-reveal: 900ms;
  --dur-marquee: 40s;

  /* Prožektors */
  --spot-r: clamp(9rem, 6rem + 14vw, 22rem);
  --spot-dark: rgb(10 10 11 / 0.86);
  --spot-static: rgb(10 10 11 / 0.55);
  --overlay-chapter: linear-gradient(to right, rgb(10 10 11 / 0.85) 0%, rgb(10 10 11 / 0.55) 45%, rgb(10 10 11 / 0) 75%), linear-gradient(to top, rgb(10 10 11 / 0.92) 0%, rgb(10 10 11 / 0.35) 45%, rgb(10 10 11 / 0.15) 100%);
  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
}