/*
 Theme Name:   Vanguard Peptides
 Theme URI:    https://vanguardpeptides.com
 Description:  Vanguard Peptides theme — dark biotech aesthetic, blue accents.
 Author:       Vanguard Peptides
 Version:      1.2
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  vanguard-peptides
*/

/* ==========================================================================
   Design tokens — dark theme (apex-peptides.com palette)
   ========================================================================== */

:root {
  /* Colors */
  --primary-color:    #00A3FF;
  --secondary-color:  #111215;
  --bg-dark:          #0d0e10;
  --bg-card:          #131212;
  --border-subtle:    rgba(255, 255, 255, 0.10);
  --unselected-color: #94C0D9;

  /* Spacing */
  --space-sm:   0.5rem;
  --space-md:   1rem;
  --space-lg:   1.5rem;
  --space-xl:   2rem;
  --space-2xl:  3rem;
  --space-3xl:  5rem;

  /* Radii */
  --radius-sm:  6px;
  --radius-md:  10px;
  --radius-lg:  14px;

  /* Shadows */
  --shadow-lg:  0 8px 24px rgba(0, 0, 0, 0.4);

  /* Motion */
  --duration-fast:   0.2s;
  --duration-normal: 0.25s;
  --ease-out:        cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* ==========================================================================
   Base — dark background, white text
   ========================================================================== */

html,
body {
  background-color: #0d0e10;
  background-color: var(--bg-dark);
  color: #e0e0e0;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  line-height: 1.6;
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h6 {
  color: #fff;
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  line-height: 1.2;
}

a {
  color: var(--primary-color);
  text-decoration: none;
}

a:hover {
  color: #fff;
}

/* ==========================================================================
   Buttons — primary and secondary
   ========================================================================== */

.btn-primary-vanguard,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce .button.alt,
.single_add_to_cart_button {
  display: inline-block;
  background: var(--primary-color);
  color: #fff !important;
  border: none;
  border-radius: var(--radius-md);
  padding: 12px 24px;
  font-weight: 600;
  font-size: 0.95rem;
  cursor: pointer;
  text-decoration: none;
  transition: background var(--duration-fast) ease, box-shadow var(--duration-fast) ease, transform var(--duration-fast) ease;
  line-height: 1.4;
}

.btn-primary-vanguard:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce .button.alt:hover,
.single_add_to_cart_button:hover {
  background: #0090e6 !important;
  color: #fff !important;
  box-shadow: 0 4px 16px rgba(0, 163, 255, 0.35);
  transform: translateY(-1px);
}

.btn-secondary-vanguard {
  display: inline-block;
  background: transparent;
  color: var(--primary-color) !important;
  border: 1px solid var(--primary-color);
  border-radius: var(--radius-md);
  padding: 12px 24px;
  font-weight: 600;
  font-size: 0.95rem;
  cursor: pointer;
  text-decoration: none;
  transition: background var(--duration-fast) ease, color var(--duration-fast) ease;
  line-height: 1.4;
}

.btn-secondary-vanguard:hover {
  background: rgba(0, 163, 255, 0.1);
  color: #fff !important;
}