/* cyhg2 theme (colors + component polish only). Keep existing page structure. */

:root {
  --cyhg-primary: #8c75e9;
  --cyhg-primary-600: #7a5dd9;
  --cyhg-secondary: #d3ffac;
  --cyhg-text-dark: #0b0b0b;
  --cyhg-text-medium: #3e3e3e;
  --cyhg-text-light: #6b6b6b;
  --cyhg-surface: #ffffff;
  --cyhg-bg: #fafafa;
  --cyhg-border: #e6e6ef;
  --cyhg-radius: 14px;
}

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

/* Bootstrap-ish overrides */
.text-primary { color: var(--cyhg-primary) !important; }
.bg-primary { background-color: var(--cyhg-primary) !important; }
.border-primary { border-color: var(--cyhg-primary) !important; }

.btn-primary {
  background: var(--cyhg-primary) !important;
  border-color: var(--cyhg-primary) !important;
  border-radius: 12px;
  font-weight: 700;
}
.btn-primary:hover,
.btn-primary:focus {
  background: var(--cyhg-primary-600) !important;
  border-color: var(--cyhg-primary-600) !important;
}

.btn-light {
  border-radius: 12px;
  font-weight: 700;
}

.form-control,
.form-select {
  border-radius: 12px;
  border-color: var(--cyhg-border);
}
.form-control:focus,
.form-select:focus {
  border-color: var(--cyhg-primary);
  box-shadow: 0 0 0 .25rem rgba(140,117,233,.18);
}

.card.theme-card {
  border-radius: var(--cyhg-radius);
  border: 1px solid rgba(140,117,233,.12);
  box-shadow: 0 10px 30px rgba(140,117,233,.10);
}

.badge.theme-badge {
  background: linear-gradient(135deg, var(--cyhg-primary), #6a5acd);
  color: #fff;
  border-radius: 999px;
  padding: .5rem .85rem;
  font-weight: 700;
}

/* Hero */
.hero-section {
  background: linear-gradient(135deg, var(--cyhg-primary) 0%, #764ba2 100%);
}

/* Service card hover */
.service-card.theme-card {
  transition: transform .18s ease, box-shadow .18s ease;
}
.service-card.theme-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 18px 45px rgba(140,117,233,.16);
}