/* ============================================================================
   Advenia – produktový web: farby, typografia, odstupy.
   Paleta je prevzatá z prezentácie docs/advenia-prehliadka-aplikacie.pptx,
   ktorá vychádza z Bootstrapu – web tak zostáva príbuzný aplikácii bez toho,
   aby preberal jej CSS.
   ============================================================================ */

:root {
  color-scheme: light dark;

  /* --- Plochy a text (svetlá téma) --- */
  --c-bg:            #FFFFFF;
  --c-surface:       #F5F7FA;
  --c-line:          #DFE5EC;
  --c-text:          #15202E;
  /* Sekundárny text. #6B7785 z prezentácie má na #F5F7FA kontrast 4,30 : 1,
     teda pod hranicou 4,5 – na kartách preto tmavší odtieň. */
  --c-muted:         #5D6874;

  /* --- Značka --- */
  --c-primary:       #0D6EFD;
  --c-primary-hover: #0B5ED7;
  /* Modrá ako text: v tmavej téme sa zosvetľuje, tlačidlo zostáva rovnaké. */
  --c-link:          #0B5ED7;
  --c-on-primary:    #FFFFFF;

  /* --- Stavové farby (zhodné s dlaždicami činností v aplikácii) --- */
  --c-success:       #198754;
  --c-danger:        #DC3545;
  --c-orange:        #FD7E14;
  --c-purple:        #6F42C1;
  --c-cyan:          #0DCAF0;
  --c-gray:          #6C757D;

  /* --- Rámček okolo snímok: v oboch témach svetlý, aby PNG čítalo ako okno --- */
  --c-shot-bg:       #FFFFFF;
  --c-shot-line:     #DFE5EC;
  --c-shot-shadow:   0 1px 2px rgba(21, 32, 46, .06), 0 8px 24px rgba(21, 32, 46, .08);

  /* --- Typografia --- */
  --font: Arial, "Helvetica Neue", Helvetica, "Segoe UI", sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;

  --fs-h1:   clamp(2rem, 5vw, 3.25rem);
  --fs-h2:   clamp(1.5rem, 3vw, 2.125rem);
  --fs-h3:   1.25rem;
  --fs-body: 1.0625rem;
  --fs-sm:   0.9375rem;
  --fs-xs:   0.8125rem;

  /* --- Rozmery --- */
  --w-page:    72rem;
  --w-narrow:  46rem;
  --r-sm:  8px;
  --r-md:  12px;
  --r-lg:  16px;
  --space-section: clamp(3.5rem, 8vw, 6rem);
}

@media (prefers-color-scheme: dark) {
  :root {
    --c-bg:            #15202E;
    --c-surface:       #1C2A3A;
    --c-line:          #2A3A4D;
    --c-text:          #E9EDF2;
    --c-muted:         #9AA7B5;

    /* #0D6EFD má na #15202E len ~3,6 : 1 – ako text nestačí. */
    --c-link:          #6EA8FE;

    --c-shot-bg:       #F5F7FA;
    --c-shot-line:     #2A3A4D;
    --c-shot-shadow:   0 1px 2px rgba(0, 0, 0, .30), 0 8px 24px rgba(0, 0, 0, .35);
  }
}