/* ==========================================================
   HTS Base Styles
   Uni Pulse global variables and small utilities only.
   Layout, buttons, cards, badges, alerts and news live in
   their own CSS files.
   ========================================================== */

:root {
  --hts-blue: #152D75;
  --hts-red: #CD1719;
  --hts-white: #FFFFFF;

  --hts-primary: var(--hts-blue);
  --hts-accent: var(--hts-red);

  --hts-primary-soft: color-mix(in srgb, var(--hts-primary), white 92%);
  --hts-accent-soft: color-mix(in srgb, var(--hts-accent), white 90%);

  --hts-radius-sm: 10px;
  --hts-radius: 16px;
  --hts-radius-lg: 22px;
  --hts-radius-pill: 999px;

  --hts-shadow-sm: 0 8px 24px rgba(0, 0, 0, .05);
  --hts-shadow: 0 14px 36px rgba(21, 45, 117, .10);
  --hts-shadow-lg: 0 24px 60px rgba(21, 45, 117, .14);

  --hts-border: 1px solid rgba(21, 45, 117, .08);
}

/* Utilities */

.hts-muted {
  color: color-mix(in srgb, var(--default-color, #444), transparent 35%);
}

.hts-section-compact {
  padding: 40px 0;
}

.hts-accent-line {
  height: 4px;
  background: var(--hts-accent);
}

.hts-bg-soft {
  background: var(--hts-primary-soft);
}

.hts-bg-accent-soft {
  background: var(--hts-accent-soft);
}

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

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

.hts-radius {
  border-radius: var(--hts-radius);
}

.hts-radius-lg {
  border-radius: var(--hts-radius-lg);
}

.hts-shadow {
  box-shadow: var(--hts-shadow);
}

.hts-shadow-lg {
  box-shadow: var(--hts-shadow-lg);
}