/* ============================================
   DecorHand – variables.css
   Obsah: CSS proměnné (design tokeny)
   ============================================ */

:root {

  /* ============================================
     POZADÍ
     ============================================ */
  --dh-bg-main:    #1C1C1C;
  --dh-bg-dark:    #0B0B0B;
  --dh-bg-darker:  #0d0d0d;
  --dh-bg-black:   #000000;

/* ============================================
     ZLATÁ (Aktualizováno na #fada73)
     ============================================ */
  --dh-gold:         #fada73; /* Hlavní nová barva */
  --dh-gold-light:   #fbe294; /* Světlejší pro hover */
  --dh-gold-lighter: #fceab5; /* Nejsvětlejší pro detaily */
  --dh-gold-dark:    #d9bc63; /* Tmavší pro stíny a hloubku */

  /* ============================================
     GRADIENTY (Sladěno s novou barvou)
     ============================================ */
  --dh-gradient:       linear-gradient(to right, #fada73, #d9bc63);
  --dh-gradient-hover: linear-gradient(to right, #fbe294, #fada73);

  /* ============================================
     TEXT
     ============================================ */
  --dh-text-white:  #ffffff;
  --dh-text-body:   #e0e0e0;
  --dh-text-muted:  #999999;
  --dh-text-dark:   #1C1C1C;

  /* ============================================
     FONT
     ============================================ */
  --dh-font: 'PT Serif', serif;

  /* ============================================
     BORDERY
     ============================================ */
  --dh-border:       1px solid #fada73;
  --dh-border-thick: 2px solid #fada73;
  --dh-border-soft:  1px solid rgba(218, 186, 91, 0.25);
  --dh-border-popup: 2px solid rgba(218, 186, 91, 0.3);

  /* ============================================
     GLOW (box-shadow)
     ============================================ */
  --dh-glow-sm:    0 0 8px  rgba(218, 186, 91, 0.2);
  --dh-glow-md:    0 0 25px rgba(218, 186, 91, 0.2);
  --dh-glow-lg:    0 0 14px rgba(218, 186, 91, 0.4);
  --dh-glow-popup: 0 0 30px rgba(218, 186, 91, 0.15);

  /* ============================================
     TRANSITION
     ============================================ */
  --dh-transition: all 0.3s ease-in-out;

}