/* EnergoSet — design tokeny
   Jediné místo, kde se píší konkrétní hodnoty barev, rozestupů a velikostí.
   V ostatních souborech se používá výhradně var(--es-*). */

:root {
  /* ---- barvy ---- */
  --es-dark: #0F2B2A;              /* hlavní text, tmavé plochy */
  --es-teal: #24A892;              /* akcent */
  --es-teal-ink: #0F6E56;          /* tyrkysová jako text na světlé ploše */
  --es-mint: #DEF2EF;              /* světlá plocha karet a sekcí */
  --es-mint-2: #EFF8F6;            /* pozadí stránky */
  --es-mint-3: #E4F4F0;            /* spodek patičky */
  --es-mint-4: #E6F5F1;            /* horní okraj kontaktního bloku */
  --es-body: #3C5453;              /* běžný odstavcový text */
  --es-muted: #5C6B6A;             /* popisky, sekundární text */
  --es-white: #FFFFFF;
  --es-ink-strong: #16302F;        /* text webinářového pruhu */
  --es-required: #C4553C;          /* hvězdička u povinných polí */
  --es-series-grey: #8D9E9B;       /* šedá datová série v grafech */
  --es-series-pale: #93C9BA;       /* světle zelená datová série v grafech */
  --es-series-teal-soft: rgba(36, 168, 146, .38);

  /* odvozené průhledné odstíny */
  --es-line: rgba(15, 43, 42, .12);
  --es-line-soft: rgba(15, 43, 42, .08);
  --es-line-strong: rgba(15, 43, 42, .2);
  --es-line-axis: rgba(15, 43, 42, .25);
  --es-grid: rgba(15, 43, 42, .055);
  --es-grid-chart: rgba(15, 43, 42, .1);
  --es-dot-off: rgba(15, 43, 42, .28);
  --es-numeral: rgba(15, 43, 42, .14);   /* velká čísla 01–04 u kroků */
  --es-on-teal: rgba(15, 43, 42, .78);   /* text na tyrkysové kartě */

  /* ---- typografie ---- */
  --es-font: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --es-font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;

  --es-size-h1: clamp(31px, 4vw, 60px);
  --es-size-h2: clamp(26px, 3.3vw, 45px);
  --es-size-h2-sm: clamp(24px, 2.8vw, 38px);   /* nadpis kontaktního bloku */
  --es-size-stat: clamp(26px, 3.3vw, 45px);    /* čísla na statistických kartách */
  --es-size-tel: clamp(28px, 3.2vw, 44px);
  --es-size-mail: clamp(24px, 2.6vw, 36px);
  --es-size-card-title: 24px;
  --es-size-tile-title: 25px;
  --es-size-h3: 20px;
  --es-size-lead: 17px;
  --es-size-body: 16px;
  --es-size-small: 15.5px;
  --es-size-small-2: 15px;
  --es-size-label: 14px;
  --es-size-caption: 12px;

  --es-lh-tight: 1.02;
  --es-lh-h1: 1.06;
  --es-lh-h3: 1.2;
  --es-lh-body: 1.55;
  --es-lh-lead: 1.65;

  --es-track-h1: -.045em;
  --es-track-h2: -.04em;
  --es-track-card: -.03em;
  --es-track-tile: -.025em;
  --es-track-logo: -.02em;
  --es-track-label: .06em;
  --es-track-caption: .12em;
  --es-track-eyebrow: .1em;

  /* ---- rozestupy ---- */
  --es-1: 4px;
  --es-2: 8px;
  --es-3: 12px;
  --es-4: 16px;
  --es-5: 20px;
  --es-6: 24px;
  --es-7: 28px;
  --es-8: 32px;
  --es-10: 40px;
  --es-12: 48px;
  --es-14: 56px;
  --es-18: 72px;

  --es-gutter: clamp(16px, 5vw, 72px);         /* boční okraj sekcí */
  --es-section-y: clamp(56px, 8vw, 128px);     /* svislý rytmus sekcí */
  --es-section-y-sm: clamp(40px, 4.6vw, 72px);
  --es-container: clamp(1200px, 90vw, 1760px);
  --es-card-pad: clamp(20px, 3vw, 26px);
  --es-block-pad: clamp(22px, 4vw, 56px);      /* vnitřek kontaktního bloku */

  /* ---- geometrie ---- */
  --es-radius-pill: 999px;
  --es-radius-xl: 28px;
  --es-radius-lg: 24px;
  --es-radius-md: 20px;
  --es-radius-sm: 18px;
  --es-radius-xs: 14px;
  --es-radius-field: 12px;
  --es-tap: 44px;                              /* minimální dotykový cíl */

  /* ---- stíny ---- */
  --es-shadow-card: 0 18px 40px rgba(15, 43, 42, .22);
  --es-shadow-soft: 0 10px 24px rgba(15, 43, 42, .07);
  --es-shadow-teal: 0 12px 28px rgba(36, 168, 146, .12);
  --es-shadow-btn: 0 8px 20px rgba(36, 168, 146, .14);
  --es-shadow-hairline: 0 1px 0 rgba(15, 43, 42, .05);

  /* ---- pohyb ---- */
  --es-dur-fast: .22s;
  --es-dur-base: .34s;
  --es-dur-slow: .5s;
  --es-dur-reveal: .62s;
  --es-dur-wipe: .68s;
  --es-ease: cubic-bezier(.2, .8, .3, 1);
  --es-ease-out: cubic-bezier(.16, .84, .3, 1);
  --es-ease-pop: cubic-bezier(.2, .8, .25, 1);

  /* ---- gradienty tlačítek a karet ---- */
  --es-wipe-teal: linear-gradient(100deg, rgba(36, 168, 146, .22), rgba(36, 168, 146, .06) 82%);
  --es-wipe-card: linear-gradient(100deg, rgba(36, 168, 146, .16), rgba(36, 168, 146, 0) 80%);
  --es-wipe-card-dark: linear-gradient(100deg, rgba(15, 43, 42, .085), rgba(15, 43, 42, 0) 78%);
  --es-wipe-step: linear-gradient(100deg, rgba(36, 168, 146, .14), rgba(36, 168, 146, 0) 78%);
}