:root {
  /* ======================================================
     PETR TLAMKA / E-SHOP BEZ POHÁDEK
     Dark premium design system
     ====================================================== */


  /* =========================
     ZÁKLADNÍ POZADÍ
     ========================= */

  /* Hlavní pozadí webu */
  --pt-bg: #050505;

  /* Jemně světlejší pozadí sekcí */
  --pt-bg-soft: #090909;

  /* Tmavé pozadí s lehkým teplým nádechem */
  --pt-bg-warm: #0c0a07;

  /* Pozadí velkých oddělených bloků */
  --pt-section-bg: #0b0b0b;

  /* Alternativní tmavá plocha */
  --pt-section-bg-alt: #11100d;

  /* Pozadí patičky */
  --pt-footer-bg: #050505;

  /* Pozadí hlavičky */
  --pt-header-bg: rgba(5, 5, 5, 0.88);

  /* Průhledný tmavý overlay přes obrázky */
  --pt-overlay-dark: rgba(0, 0, 0, 0.62);

  /* Silnější overlay pro hero nebo karty */
  --pt-overlay-strong: rgba(0, 0, 0, 0.78);


  /* =========================
     KARTY A BOXY
     ========================= */

  /* Základní karta */
  --pt-card-bg: #111111;

  /* Jemně světlejší karta */
  --pt-card-bg-soft: #151515;

  /* Luxusnější karta s teplým nádechem */
  --pt-card-bg-warm: #17140f;

  /* Velký zvýrazněný box */
  --pt-feature-bg: #12110e;

  /* Input / formulářové pozadí */
  --pt-input-bg: #f3f0ea;

  /* Tmavý input */
  --pt-input-bg-dark: #0d0d0d;


  /* =========================
     ZLATÁ / BRAND BARVA
     ========================= */

  /* Hlavní zlatá */
  --pt-gold: #c89b45;

  /* Světlejší zlatá pro hover a aktivní prvky */
  --pt-gold-light: #e2bb6a;

  /* Tmavší zlatá pro linky, rámečky a detaily */
  --pt-gold-dark: #8d6728;

  /* Jemná stará zlatá */
  --pt-gold-muted: #b58a3a;

  /* Zlatá pro textové zvýraznění */
  --pt-gold-text: #d5aa55;

  /* Zlatá záře / glow */
  --pt-gold-glow: rgba(200, 155, 69, 0.28);

  /* Zlatý transparentní podklad */
  --pt-gold-soft-bg: rgba(200, 155, 69, 0.12);

  /* Zlatý hodně jemný podklad */
  --pt-gold-ultra-soft-bg: rgba(200, 155, 69, 0.06);


  /* =========================
     TEXTY
     ========================= */

  /* Hlavní světlý text */
  --pt-text: #f4efe6;

  /* Jemně teplejší bílá */
  --pt-text-warm: #efe4d2;

  /* Vedlejší text */
  --pt-text-muted: #b9b0a3;

  /* Hodně tlumený text */
  --pt-text-soft: #8f877b;

  /* Text na zlatém tlačítku */
  --pt-text-on-gold: #11100d;

  /* Text na světlém inputu */
  --pt-text-dark: #111111;

  /* Čistě bílá, jen výjimečně */
  --pt-white: #ffffff;

  /* Černý text */
  --pt-black: #000000;


  /* =========================
     OHRANIČENÍ / LINKY
     ========================= */

  /* Jemné tmavé ohraničení */
  --pt-border: rgba(255, 255, 255, 0.08);

  /* Viditelnější ohraničení */
  --pt-border-strong: rgba(255, 255, 255, 0.14);

  /* Zlaté ohraničení */
  --pt-border-gold: rgba(200, 155, 69, 0.42);

  /* Jemné zlaté ohraničení */
  --pt-border-gold-soft: rgba(200, 155, 69, 0.22);

  /* Oddělovací linka */
  --pt-divider: rgba(255, 255, 255, 0.08);

  /* Zlatá oddělovací linka */
  --pt-divider-gold: rgba(200, 155, 69, 0.25);


  /* =========================
     TLAČÍTKA
     ========================= */

  /* Primární tlačítko */
  --pt-btn-primary-bg: #c89b45;
  --pt-btn-primary-bg-hover: #e2bb6a;
  --pt-btn-primary-text: #11100d;
  --pt-btn-primary-border: #c89b45;

  /* Sekundární tlačítko */
  --pt-btn-secondary-bg: transparent;
  --pt-btn-secondary-bg-hover: rgba(200, 155, 69, 0.1);
  --pt-btn-secondary-text: #e2bb6a;
  --pt-btn-secondary-border: rgba(200, 155, 69, 0.55);

  /* Tmavé tlačítko */
  --pt-btn-dark-bg: #111111;
  --pt-btn-dark-bg-hover: #181818;
  --pt-btn-dark-text: #f4efe6;
  --pt-btn-dark-border: rgba(255, 255, 255, 0.12);


  /* =========================
     STAVY / IKONY / ZNAČKY
     ========================= */

  /* Úspěch / fajfky */
  --pt-success: #b8a35f;

  /* Jemná zelená pro pozitivní prvky */
  --pt-green: #74845f;

  /* Pozor / upozornění */
  --pt-warning: #d5aa55;

  /* Chyba / negativní prvky */
  --pt-danger: #b85c4d;

  /* Ikony */
  --pt-icon: #c89b45;

  /* Ikony tlumené */
  --pt-icon-muted: #8d6728;


  /* =========================
     STÍNY A EFEKTY
     ========================= */

  /* Jemný stín karet */
  --pt-shadow-soft: 0 18px 50px rgba(0, 0, 0, 0.32);

  /* Silnější luxusní stín */
  --pt-shadow-strong: 0 28px 80px rgba(0, 0, 0, 0.55);

  /* Zlatý glow efekt */
  --pt-shadow-gold: 0 0 34px rgba(200, 155, 69, 0.16);

  /* Vnitřní jemný highlight */
  --pt-inner-highlight: inset 0 1px 0 rgba(255, 255, 255, 0.06);


  /* =========================
     GRADIENTY
     ========================= */

  /* Hlavní tmavý gradient */
  --pt-gradient-bg: linear-gradient(
    180deg,
    #050505 0%,
    #090807 45%,
    #050505 100%
  );

  /* Gradient pro karty */
  --pt-gradient-card: linear-gradient(
    145deg,
    rgba(255, 255, 255, 0.055) 0%,
    rgba(255, 255, 255, 0.018) 45%,
    rgba(200, 155, 69, 0.045) 100%
  );

  /* Zlatý gradient pro tlačítka */
  --pt-gradient-gold: linear-gradient(
    135deg,
    #e2bb6a 0%,
    #c89b45 48%,
    #9a722e 100%
  );

  /* Jemný hero gradient */
  --pt-gradient-hero: radial-gradient(
    circle at 75% 30%,
    rgba(200, 155, 69, 0.18) 0%,
    rgba(200, 155, 69, 0.05) 28%,
    rgba(0, 0, 0, 0) 58%
  );

  /* Překrytí obrázku v hero */
  --pt-gradient-image-overlay: linear-gradient(
    90deg,
    rgba(5, 5, 5, 0.96) 0%,
    rgba(5, 5, 5, 0.72) 38%,
    rgba(5, 5, 5, 0.22) 70%,
    rgba(5, 5, 5, 0.02) 100%
  );


  /* =========================
   TYPOGRAFIE
   ========================= */

/* Hlavní font pro texty, menu, tlačítka, formuláře a běžné prvky */
--pt-font-main: "Source Sans 3", Arial, Helvetica, sans-serif;

/* Nadpisový font pro hero nadpisy, H1, H2 a výrazné claimy */
--pt-font-heading: "Source Serif 4", Georgia, "Times New Roman", serif;

/* Velikosti textu */
--pt-text-xs: 12px;
--pt-text-sm: 14px;
--pt-text-base: 16px;
--pt-text-md: 18px;
--pt-text-lg: 22px;
--pt-text-xl: 28px;
--pt-text-2xl: 36px;
--pt-text-3xl: 48px;
--pt-text-hero: clamp(42px, 6vw, 82px);

/* Výška řádku */
--pt-line-tight: 1.08;
--pt-line-heading: 1.18;
--pt-line-base: 1.65;

/* Prostrkání malých štítků */
--pt-letter-spacing-label: 0.14em;

  /* =========================
     ROZMĚRY A ROZESTUPY
     ========================= */

  /* Maximální šířka obsahu */
  --pt-container: 1240px;

  /* Užší kontejner pro texty */
  --pt-container-narrow: 920px;

  /* Mezery sekcí */
  --pt-section-space: 96px;
  --pt-section-space-sm: 64px;
  --pt-section-space-xs: 40px;

  /* Vnitřní padding karet */
  --pt-card-padding: 32px;
  --pt-card-padding-sm: 24px;

  /* Radius */
  --pt-radius-sm: 8px;
  --pt-radius-md: 14px;
  --pt-radius-lg: 22px;
  --pt-radius-xl: 32px;
  --pt-radius-pill: 999px;


  /* =========================
     RESPONSIVE BREAKPOINTY
     Pozn.: CSS proměnné v media query neumí fungovat
     jako breakpointy přímo, ale necháme je tu jako dokumentaci.
     ========================= */

  --pt-bp-mobile: 640px;
  --pt-bp-tablet: 991px;
  --pt-bp-desktop: 1200px;
}
:root {
  --pt-bg: #050505;
  --pt-bg-soft: #0b0a08;
  --pt-card: #141414;

  --pt-gold: #c89b45;
  --pt-gold-light: #e2bb6a;
  --pt-gold-dark: #8d6728;
  --pt-gold-hover: #d5a74f;
  --pt-gold-hover-light: #efca7a;
  --pt-gold-hover-dark: #a97d34;

  --pt-gold-soft-bg: rgba(200, 155, 69, 0.12);
  --pt-gold-ultra-soft-bg: rgba(200, 155, 69, 0.045);
  --pt-gold-focus: rgba(200, 155, 69, 0.14);
  --pt-gold-outline: rgba(226, 187, 106, 0.32);

  --pt-text: #f4efe6;
  --pt-text-muted: #b9b0a3;
  --pt-text-soft: #8f877b;
  --pt-text-dark: #11100d;
  --pt-placeholder: #7d766d;

  --pt-border: rgba(255, 255, 255, 0.1);
  --pt-border-soft: rgba(255, 255, 255, 0.06);
  --pt-border-gold: rgba(200, 155, 69, 0.32);

  --pt-danger: #b85c4d;

  --pt-shadow: 0 22px 60px rgba(0, 0, 0, 0.5);
  --pt-shadow-gold: 0 14px 32px rgba(200, 155, 69, 0.16);

  --pt-radius: 18px;
  --pt-radius-sm: 10px;
  --pt-radius-lg: 26px;

  --pt-container: 1180px;
}