/* MD EDILE — Visual Identity CSS Variables */

:root {
  --client-primary: #1A2B3C;
  --client-primary-rgb: 26, 43, 60;
  --client-primary-dark: #121E2B;
  --client-primary-light: #2B4158;
  --client-primary-subtle: #EBF0F5;

  --client-secondary: #B89355;
  --client-secondary-rgb: 184, 147, 85;
  --client-secondary-dark: #98753B;

  --client-accent: #B89355;
  --client-accent-rgb: 184, 147, 85;

  --client-text-color: #111827;
  --client-text-muted: #64748B;
  --client-body-bg: #FFFFFF;
  --client-footer-bg: #1A2B3C;
  --client-footer-bottom: #121E2B;
  --client-footer-icon-color: var(--client-secondary);
  --client-border-color: #E2E8F0;

  --client-surface: #FFFFFF;
  --client-surface-elevated: #F8FAFC;
  --client-glow: rgba(184, 147, 85, 0.25);
  --client-shadow: rgba(26, 43, 60, 0.08);

  --client-hero-from: #1A2B3C;
  --client-hero-mid: #24374A;
  --client-hero-to: #2B4158;

  --client-font-family: "Inter", "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif;

  /* Architectural Sharp/Clean UI */
  --client-radius-sm: 0.25rem;
  --client-radius: 0.375rem;
  --client-radius-lg: 0.5rem;
}

.navbar,
.bg-primary {
  --bs-primary: var(--client-primary);
  --bs-primary-rgb: var(--client-primary-rgb);
}

.btn-primary {
  --bs-btn-color: #FFFFFF;
  --bs-btn-bg: var(--client-secondary);
  --bs-btn-border-color: var(--client-secondary);
  --bs-btn-hover-bg: var(--client-secondary-dark);
  --bs-btn-hover-border-color: var(--client-secondary-dark);
  --bs-btn-active-bg: var(--client-secondary-dark);
  --bs-btn-active-border-color: var(--client-secondary-dark);
  --bs-btn-focus-shadow-rgb: var(--client-secondary-rgb);
  border-radius: var(--client-radius);
}

.btn-outline-primary {
  --bs-btn-color: var(--client-primary);
  --bs-btn-border-color: var(--client-primary);
  --bs-btn-hover-bg: var(--client-primary);
  --bs-btn-hover-border-color: var(--client-primary);
  --bs-btn-hover-color: #FFFFFF;
  border-radius: var(--client-radius);
}

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

.text-accent {
  color: var(--client-secondary) !important;
}

.badge.text-bg-primary {
  background-color: var(--client-primary) !important;
  color: #FFFFFF !important;
}

.bg-primary {
  background-color: var(--client-primary) !important;
}

.link-primary {
  color: var(--client-primary) !important;
}

.link-primary:hover {
  color: var(--client-secondary) !important;
}