/* ============================================
   BIOMETRICS HOUSE — Design Tokens
   Zdroj: biometricsWEBv2.pen (MCP sync)
   Posledná aktualizácia: 2026-04-10
   ============================================ */

:root {

  /* --- COLORS (presne z Pencil premenných) --- */
  --primary-blue:   #1b00e2;
  --azure-blue:     #0057ff;
  --accent-blue:    #0057ff;
  --sky-blue:       #4590ff;
  --dark-blue:      #031c40;
  /* --accent: #22D3EE — RETIRED 2026-04-24: cyan removed per design review */
  /* --clear-yellow / --yellow — unassigned, do not use until a specific role is defined */
  --ice-grey:       #f2f3f2;

  /* --- BACKGROUNDS --- */
  --bg:             #0A0F1C;
  --surface:        #1E293B;
  --surface-dark:   #0F172A;
  --divider:        #0F172A;

  /* --- TEXT --- */
  --text-primary:   #FFFFFF;
  --text-secondary: #FFFFFF99;   /* 60% opacity */
  --text-muted:     #FFFFFF99;   /* 60% opacity — kontrast ≥4.5:1 (predtým 35% = ~3.1:1) */

  /* --- TYPOGRAPHY --- */
  --font:           'Montserrat', sans-serif;
  --weight-black:   900;
  --weight-bold:    700;
  --weight-regular: 400;

  /* --- SPACING (4pt scale) --- */
  --space-xs:  4px;
  --space-sm:  8px;
  --space-md:  16px;
  --space-lg:  24px;
  --space-xl:  48px;
  --space-2xl: 96px;
  --padding-section: 100px 60px;
  --padding-section-mobile: 64px 24px;

  /* Content column — JEDEN zdroj šírky obsahu naprieč 4 flow (2026-07-03 /layout).
     Predtým rozsypané: Events/Prenájom/Tour=1320, House=1440 aj 1400 → obsah "skákal"
     pri prechode medzi flow. Zjednotené na 1320 (najčastejšia, moderné flow). */
  --content-max: 1320px;

  /* --- MOTION TOKENS --- */
  /* Trvania — jeden zdroj pravdy pre celý web (predtým 13 ad-hoc hodnôt 0.3–1s) */
  --dur-fast:  0.3s;    /* hover, opacity, drobné stavy */
  --dur-base:  0.45s;   /* štandardný prechod (eyebrow, blur re-focus) */
  --dur-slow:  0.65s;   /* expand kariet, veľké layout/scale prechody */

  /* Easing krivky */
  --ease-out:    cubic-bezier(0.16, 1, 0.3, 1);   /* hlavná decel. krivka (Pencil) */
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);  /* symetrické scroll/snap prechody */
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1); /* jemný overshoot — „prebudenie" prvku */

  /* Skratky (duration + easing) */
  --transition:      var(--dur-fast) var(--ease-out);
  --transition-slow: var(--dur-slow) var(--ease-out);

  /* --- COMPONENT TOKENS (layout konzistencia, 2026-06-29) --- */
  /* Jeden zdroj pravdy pre eyebrow / nadpisy / buttony naprieč 4 flow
     (Events / House / Prenájom / Tour). Pred týmto: 9 eyebrow, 12 title,
     14 button variantov s rozsypanými hodnotami. */

  /* Eyebrow — malý uppercase label nad nadpismi */
  --eyebrow-size:     0.72rem;
  --eyebrow-weight:   700;
  --eyebrow-tracking: 0.28em;
  --eyebrow-color:    var(--sky-blue);   /* #4590ff */

  /* Section titles — platí pre SOLID nadpisy
     (gradientové text-clip nadpisy ostávajú separátne = de-slop bod).
     line-height zámerne NIE token — líši sa legitímne display vs section. */
  --title-weight:   900;
  --title-tracking: -0.02em;

  /* Buttons / CTA */
  --btn-radius:        12px;
  --btn-weight:        700;
  --btn-tracking:      0.08em;
  --btn-grad-primary:  linear-gradient(135deg, #1B00E2 0%, #0057FF 100%);  /* violet → azure */
  --btn-grad-ocean:    linear-gradient(135deg, #0057FF 0%, #4590FF 100%);  /* azure → sky */
  --btn-shadow-violet: 0 4px 24px rgba(27, 0, 226, 0.35);
}