:root {
  --gold: #d4af37;
  --gold-light: #e8c547;
  --gold-dark: #b8962e;
  --gold-muted: #c9a962;
  --gold-glow: rgba(212, 175, 55, 0.28);
  --black: #0e0e0e;
  --black-soft: #141414;
  --black-card: #1c1c1c;
  --black-elevated: #242424;
  --charcoal: #2e2e2e;
  --ivory: #faf8f5;
  --cream: #e8e0d0;
  --warm-gray: #a89f90;

  /* Alternating section bands — clearly distinct, still dark */
  --section-dark: #101010;
  --section-light: #1b1916;

  --container-size: 1320px;
  --bg-body: var(--section-dark);
  --primary-color: var(--gold);
  --secondary-color: var(--black-soft);
  --tertiary-color: var(--black-card);
  --quaternary-color: var(--gold-dark);
  --info-color: var(--gold-muted);
  --color-white: var(--ivory);
  --color-black: var(--black);
  --text-color-theme: var(--cream);
  --primary-navbar-color: #121212;
  --secondary-navbar-color: #1a1a1a;
  --light-color: var(--charcoal);
  --form-white-color: var(--black-card);
  --navbar-bg-color: linear-gradient(
    135deg,
    rgba(18, 18, 18, 0.96) 0%,
    rgba(28, 28, 28, 0.98) 100%
  );
  --hero-mask-bg: linear-gradient(
    165deg,
    rgba(212, 175, 55, 0.12) 0%,
    rgba(14, 14, 14, 0.92) 60%,
    #0e0e0e 100%
  );
  --social-btn-bg: var(--gold-dark);
  --hero-section-bg: var(--section-dark);
  --about-me-bg: var(--black-card);
  --about-me-mobile-bg: var(--black-card);
  --services-bg: var(--section-light);
  --services-item-bg: var(--black-card);
  --services-item-befor-bg: var(--gold);
  --progress-item-bg: var(--black-card);
  --progress-value-color: var(--gold);
  --progress-value-border: var(--gold);
  --services-item-icon-color: var(--gold-muted);
  --progress-bg: var(--charcoal);
  --progress-bar-bg: linear-gradient(90deg, var(--gold-dark), var(--gold-light));
  --portfolio-item-bg: var(--black-card);
  --portfolio-item-badge-bg: var(--gold-dark);
  --experience-bg: var(--section-light);
  --experience-item-bg: var(--black-card);
  --post-item-bg: var(--black-card);
  --post-item-date-bg: rgba(212, 175, 55, 0.85);
  --form-container-primary-bg: var(--black-card);
  --form-container-secondary-bg: var(--section-light);
  --contact-form-bg: rgba(255, 255, 255, 0.04);
  --social-network-btn-bg: var(--gold);
  --border-network-item: rgba(212, 175, 55, 0.2);
  --detail-overlay-bg: rgba(14, 14, 14, 0.88);
  --portfolio-details-box-bg: var(--black-card);
  --portfolio-detail-content-bg: var(--black-soft);
  --blog-detail-bg: var(--black-soft);
  --primary-hover: var(--gold-light);
  --primary-active: var(--gold-dark);
  --primary-disable: rgba(212, 175, 55, 0.35);
  --secondary-hover: var(--gold-light);
  --secondary-active: var(--gold-dark);
  --secondary-disable: rgba(212, 175, 55, 0.25);
  --btn-white-hover: var(--cream);
  --btn-white-active: #d4cbb8;
  --btn-white-disable: #555555;
  --services-item-before-hover: var(--gold-light);
  --services-item-icon-hover: var(--gold-light);
  --preloader-bg: var(--black);
}

body {
  background-color: var(--bg-body);
  color: var(--text-color-theme);
}

.text-primary {
  color: var(--gold) !important;
}

.text-info {
  color: var(--gold-muted) !important;
}