/**
 * Taste of Galina Design System Implementation [cite: 134-149]
 */
:root {
    /* Colour Palette [cite: 136] */
    --color-purple-primary: #3B1F5E;
    --color-purple-dark: #2A1240;
    --color-gold-antique: #C9A84C;
    --color-gold-light: #E8D5A3;
    --color-emerald: #1B4332;
    --color-parchment: #F5F0E8;
    --color-cream: #FAF6EE;
    --color-bronze: #8B6914;

    /* Typography [cite: 139] */
    --font-display: 'Playfair Display', serif;
    --font-heading: 'Cormorant Garamond', serif;
    --font-body: 'Inter', sans-serif;
}

body.tog-body {
    background-color: var(--color-parchment);
    color: var(--color-purple-dark);
    font-family: var(--font-body);
    line-height: 1.6;
    overflow-x: hidden;
}

h1, .h1, .display-font {
    font-family: var(--font-display);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

h2, .h2, .heading-font {
    font-family: var(--font-heading);
    font-weight: 600;
}

/* Global Components [cite: 647] */
.tog-navbar {
    background-color: var(--color-purple-primary);
    transition: all 0.3s ease;
}

.tog-nav-link {
    color: #fff !important;
    font-family: var(--font-body);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    font-size: 1.3rem;
    text-decoration: none;
}

.tog-btn-gold {
   padding: 15px 40px;
  border-radius: 50px; /* Capsule shape */
  border: 1px solid #c5a059; /* Halka sa golden border */
 color: #FFFFFF;
  font-weight: bold;
   text-transform: uppercase;
  letter-spacing: 1px;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
  background: radial-gradient(circle at center, #dbae56 0%, #b98e31 40%, #836223 100%);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
  cursor: pointer;
  transition: all 0.3s ease;
}

.tog-btn-gold:hover {
  background: radial-gradient(circle at center, #d4a751 0%, #bb8d33 50%, #8b6a2a 100%);
 transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4);
  filter: brightness(1.1);
}

.tog-footer {
    background-color: var(--color-purple-dark);
    color: var(--color-parchment);
    padding: 60px 0 20px;
}

.tog-gold-rule {
    border-top: 1px solid var(--color-gold-antique);
    opacity: 0.5;
}

/* Textures [cite: 143] */
.bg-stone {
    background-color: var(--color-purple-dark);
    background-image: url('../images/textures/noise.png');
    background-blend-mode: soft-light;
}


.btn.btn-dark {
    background: radial-gradient(
    circle at 50% 30%,
    #2d6a4f 0%,     /* top highlight */
    #1B4332 40%,    /* base */
    #081c15 100%    /* dark edges */
  );

  color: #fff;
 
  border-radius: 40px;
  border: none;

  box-shadow:
    inset 0 2px 4px rgba(255,255,255,0.15),
    inset 0 -4px 8px rgba(0,0,0,0.35),
    0 6px 18px rgba(0,0,0,0.4);

  transition: all 0.3s ease; padding: 11px 30px!important;
}
.btn.btn-dark:hover {
  transform: translateY(-2px);
  
  box-shadow:
    0 10px 30px rgba(0,0,0,0.5),
    0 0 15px rgba(212,175,55,0.3);
}

.btn:hover {
    color:#fff!important;
   border-color: #dbae56!important;
    background: radial-gradient(circle at center, #dbae56 0%, #b98e31 40%, #836223 100%)!important;
}