/* ------------------------------------------------------------------
   LumiTRIP — design tokeny
   Vychází z identity ekosystému LumiDISK:
   docs/design/lumidisp-design-guide-v3-spectrum.html
   docs/design/prednasky-vizualni-identita.md

   Pravidlo ekosystému: sdílená je struktura, liší se JEDINÝ akcent.
   Akcent LumiTRIP = fialová #BF5FFF  [K ROZHODNUTÍ — viz brief §3, R3]
   Datové barvy (grafy, mapy) se NEMĚNÍ podle komponenty.
   ------------------------------------------------------------------ */

:root {
  /* plochy */
  --bg:            #0E1117;
  --panel:         #1A2030;
  --elev:          #242B3D;
  --input:         #111827;
  --line:          rgba(255, 255, 255, 0.10);
  --line-strong:   rgba(255, 255, 255, 0.18);

  /* text */
  --t1:            #E8EDF5;
  --t2:            #8896AD;
  --t3:            #4A5568;

  /* akcent LumiTRIP */
  --accent:        #BF5FFF;
  --accent-dim:    #8B3FCC;
  --accent-glow:   rgba(191, 95, 255, 0.14);
  --accent-border: rgba(191, 95, 255, 0.28);

  /* akcenty ostatních komponent — jen pro karty projektů */
  --lumidisp:      #F0B429;   /* zlatá  — LumiDISP, OLPA */
  --alanis:        #2DD4BF;   /* tyrkys — ALANIS, Alanisator */
  --spectra:       #00D4FF;   /* cyan   — SpectraScope, SpectraMap */
  --app:           #4A9EFF;   /* modrá  — MelaDISP, datová vrstva */
  --rent:          #FF7C3A;   /* oranž  — MeasuRent */

  /* stavy projektů */
  --live:          #00FF88;
  --beta:          #F0B429;
  --vyvoj:         #8896AD;

  /* typografie */
  --font-ui:   'Outfit', 'Segoe UI', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', 'Consolas', ui-monospace, monospace;

  /* rozestupy */
  --s1: 4px;  --s2: 8px;  --s3: 12px; --s4: 16px;
  --s5: 24px; --s6: 32px; --s8: 48px; --s10: 64px; --s12: 96px;

  /* rádiusy a stíny */
  --r-sm: 4px; --r-md: 8px; --r-lg: 12px; --r-xl: 20px;
  --shadow-card:     0 2px 12px rgba(0, 0, 0, 0.4), 0 0 0 1px var(--line);
  --shadow-elevated: 0 8px 32px rgba(0, 0, 0, 0.5), 0 0 0 1px var(--line-strong);

  /* layout */
  --maxw: 1140px;
  --gutter: clamp(16px, 4vw, 32px);
}

/* Typografická škála — clamp() kvůli mobilu first.
   Čísla, jednotky a technické hodnoty VŽDY --font-mono. To je podpis ekosystému. */
:root {
  --fs-hero:   clamp(2.25rem, 7vw, 4rem);
  --fs-h2:     clamp(1.6rem, 4vw, 2.25rem);
  --fs-h3:     clamp(1.1rem, 2.5vw, 1.35rem);
  --fs-lead:   clamp(1.05rem, 2.5vw, 1.25rem);
  --fs-body:   1rem;
  --fs-small:  0.875rem;
  --fs-label:  0.6875rem;  /* mono, verzálky, letter-spacing */
}