/* =============================================================
   StageHub — nový web (/new) · dizajnové tokeny
   Nezávislé od /static/css/style.css. Žiadne čisto biele pozadie.
   Fonty (Fraunces + Inter) sa načítavajú z rovnakého Google Fonts
   zdroja ako existujúci web (viď layout.ejs) — žiadny nový CDN.
   ============================================================= */

:root {
  /* --- Základná paleta (krémy) --- */
  --sh-cream-1: #FCE9DE;
  --sh-cream-2: #FDF3EA;
  --sh-cream-3: #FBF6F1;

  /* --- Akcenty --- */
  --sh-amber: #C6741F;
  --sh-coral: #E8817A;

  /* --- Text / ink --- */
  --sh-ink: #1C1917;
  /* Odvodené priehľadnosťou z inku (28,25,23) */
  --sh-ink-70: rgba(28, 25, 23, 0.70);
  --sh-ink-50: rgba(28, 25, 23, 0.50);
  --sh-ink-12: rgba(28, 25, 23, 0.12); /* jemné čiary / okraje */

  /* --- Odvodené akcenty --- */
  --sh-amber-hover: #A85E14; /* tmavší amber pre :hover */
  --sh-amber-text: #8F4C0C;  /* amber pre TEXT na svetlom pozadí — spĺňa 4.5:1 (6.10:1 na kréme).
                                 Značkový --sh-amber #C6741F má na kréme len 3.30:1, preto sa
                                 používa len na nefarebné akcenty (linky-podčiarknutia, bodky, rámiky). */
  --sh-coral-hover: #DE645C;

  /* --- Povrchy (nikdy nie čistá biela) --- */
  --sh-surface: var(--sh-cream-3);
  --sh-surface-raised: var(--sh-cream-2);
  --sh-surface-sunken: var(--sh-cream-1);
  --sh-on-dark: var(--sh-cream-2); /* text na tmavých sekciách */

  /* --- Radiálny gradient pozadia --- */
  --sh-bg-gradient: radial-gradient(
      120% 120% at 50% 0%,
      var(--sh-cream-2) 0%,
      var(--sh-cream-3) 45%,
      var(--sh-cream-1) 100%
    );
  /* Tmavá sekcia (napr. footer / hero na tmavom) */
  --sh-bg-dark: radial-gradient(
      120% 120% at 50% 0%,
      #2A2521 0%,
      var(--sh-ink) 70%
    );

  /* --- Typografia --- */
  --sh-font-head: "Fraunces", Georgia, "Times New Roman", serif;
  --sh-font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  /* Fluidná škála (clamp: min .. preferované vw .. max) */
  --sh-text-xs: clamp(0.75rem, 0.72rem + 0.15vw, 0.8125rem);   /* ~12–13 */
  --sh-text-sm: clamp(0.875rem, 0.84rem + 0.18vw, 0.9375rem);  /* ~14–15 */
  --sh-text-base: clamp(1rem, 0.95rem + 0.25vw, 1.0625rem);    /* ~16–17 */
  --sh-text-lg: clamp(1.125rem, 1.05rem + 0.4vw, 1.25rem);     /* ~18–20 */
  --sh-text-xl: clamp(1.375rem, 1.25rem + 0.6vw, 1.625rem);    /* ~22–26 */
  --sh-text-2xl: clamp(1.75rem, 1.55rem + 1vw, 2.25rem);       /* ~28–36 */
  --sh-text-3xl: clamp(2.25rem, 1.9rem + 1.7vw, 3rem);         /* ~36–48 */
  --sh-text-4xl: clamp(2.75rem, 2.2rem + 2.7vw, 4rem);         /* ~44–64 */
  --sh-text-5xl: clamp(3.25rem, 2.4rem + 4.2vw, 5.25rem);      /* ~52–84 */

  --sh-leading-tight: 1.1;
  --sh-leading-snug: 1.25;
  --sh-leading-normal: 1.6;

  --sh-weight-normal: 400;
  --sh-weight-medium: 500;
  --sh-weight-semibold: 600;

  /* --- Rozostupy (násobky 4px) --- */
  --sh-space-1: 0.25rem;   /* 4  */
  --sh-space-2: 0.5rem;    /* 8  */
  --sh-space-3: 0.75rem;   /* 12 */
  --sh-space-4: 1rem;      /* 16 */
  --sh-space-5: 1.25rem;   /* 20 */
  --sh-space-6: 1.5rem;    /* 24 */
  --sh-space-8: 2rem;      /* 32 */
  --sh-space-10: 2.5rem;   /* 40 */
  --sh-space-12: 3rem;     /* 48 */
  --sh-space-16: 4rem;     /* 64 */

  /* --- Rádiusy --- */
  --sh-radius-sm: 6px;
  --sh-radius-md: 12px;
  --sh-radius-lg: 20px;
  --sh-radius-xl: 32px;
  --sh-radius-pill: 999px;

  /* --- Tiene (teplé, mäkké) --- */
  --sh-shadow-sm: 0 1px 2px rgba(28, 25, 23, 0.06), 0 1px 3px rgba(28, 25, 23, 0.08);
  --sh-shadow-md: 0 4px 12px rgba(28, 25, 23, 0.08), 0 2px 4px rgba(28, 25, 23, 0.06);
  --sh-shadow-lg: 0 12px 32px rgba(28, 25, 23, 0.12), 0 4px 8px rgba(28, 25, 23, 0.06);
  --sh-shadow-amber: 0 8px 24px rgba(198, 116, 31, 0.28);

  /* --- Prechody --- */
  --sh-transition-fast: 120ms ease;
  --sh-transition: 200ms ease;
  --sh-transition-slow: 360ms cubic-bezier(0.22, 1, 0.36, 1);

  /* --- Layout --- */
  --sh-container: 1200px;
  --sh-container-narrow: 780px;
}