/* Dark Theme Override — gray palette matching requested look */

/* Palette and tokens for dark mode */
[data-theme="dark"] {
  /* Surfaces */
  --bg-primary: #2e3236;   /* page background */
  --bg-secondary: #272b2f; /* sections */
  --bg-card: #2b2f33;      /* cards */
  --bg-navbar: #262a2e;    /* navbar */
  --color-background: #2e3236;
  --color-surface: #2b2f33;

  /* Text */
  --text-primary: #f3f4f6;           /* near-white */
  --text-secondary: #cbd5e1;         /* soft gray */
  --text-accent: #ffffff;
  --color-text: #f3f4f6;
  --color-text-secondary: #cbd5e1;

  /* Keep CTA green like on light theme */
  --accent-primary: #a4b494;
  --accent-hover: #94a484;

  /* Borders/Shadows tuned for gray surfaces */
  --border-color: rgba(255, 255, 255, 0.12);
  --shadow-color: rgba(0, 0, 0, 0.35);
  --skills-pill-bg: rgba(164, 180, 148, 0.18);
  --skills-pill-text: #f3f4f6;
  --skills-pill-shadow: 0 20px 45px rgba(0, 0, 0, 0.45);
  --skills-pill-icon-bg: transparent;
  --skills-pill-ring: rgba(164, 180, 148, 0.35);
  --skills-toolset-bg: rgba(38, 42, 46, 0.95);
  --skills-toolset-border: rgba(255, 255, 255, 0.12);
  --skills-toolset-shadow: 0 30px 60px rgba(0, 0, 0, 0.55);
}

/* Global surfaces */
[data-theme="dark"] html,
[data-theme="dark"] body,
[data-theme="dark"] main,
[data-theme="dark"] .section,
[data-theme="dark"] .navbar {
  background: var(--bg-primary) !important;
  color: var(--text-primary) !important;
}
[data-theme="dark"] .navbar {
  border-bottom-color: var(--border-color) !important;
}

/* Remove light background patterns for a clean gray look */
[data-theme="dark"] body::before,
[data-theme="dark"] .section::before {
  background: none !important;
}

/* Textual elements */
[data-theme="dark"] h1,
[data-theme="dark"] h2,
[data-theme="dark"] h3,
[data-theme="dark"] h4,
[data-theme="dark"] h5,
[data-theme="dark"] h6,
[data-theme="dark"] p,
[data-theme="dark"] .nav-link,
[data-theme="dark"] .navbar__brand {
  color: var(--text-primary) !important;
}

/* Standard links in dark = near-white (CTA excluded) */
[data-theme="dark"] a:not(.cta-button):not(.download-cv-btn) {
  color: var(--text-primary) !important;
}

/* Cards and bordered surfaces */
[data-theme="dark"] .card,
[data-theme="dark"] .card__header,
[data-theme="dark"] .card__footer {
  background: var(--bg-card) !important;
  border-color: var(--border-color) !important;
}

/* Controls */
[data-theme="dark"] .btn--outline,
[data-theme="dark"] .theme-toggle,
[data-theme="dark"] .form-control {
  background: var(--bg-card) !important;
  color: var(--text-primary) !important;
  border-color: rgba(255, 255, 255, 0.18) !important;
}

/* Keep CTA green; ensure text is white for contrast */
[data-theme="dark"] .cta-button {
  color: #ffffff !important;
}