/* ============================================================
   COLORS — BK's Window Care
   Brand blues sampled from the logo droplet (#0060e0) + cyan
   swoosh highlight (#30cfff). Navy #08254d is the site theme color.
   ============================================================ */
:root {
  /* --- Brand: deep navy (ink / trust) --- */
  --bks-navy-950: #051529;
  --bks-navy-900: #061a38;
  --bks-navy-800: #08254d; /* meta theme-color */
  --bks-navy-700: #0d3567;
  --bks-navy-600: #134482;

  /* --- Brand: azure blue (primary action / droplet) --- */
  --bks-blue-700: #0a4fb8;
  --bks-blue-600: #0060e0; /* primary brand blue */
  --bks-blue-500: #1c79f0;
  --bks-blue-400: #4f9bf6;

  /* --- Brand: sky cyan (sparkle / accent swoosh) --- */
  --bks-sky-500: #11b6ef;
  --bks-sky-400: #30cfff; /* accent highlight */
  --bks-sky-300: #62ddff;
  --bks-sky-200: #a6ecff;
  --bks-sky-100: #e0f0ff; /* pale tint wash */

  /* --- Neutrals: cool blue-grays --- */
  --bks-white:    #ffffff;
  --bks-mist-50:  #f5f9fd; /* page background tint */
  --bks-mist-100: #eaf2fa;
  --bks-mist-200: #dce7f2;
  --bks-gray-300: #c2d1e0; /* hairline borders */
  --bks-gray-400: #94a8be;
  --bks-gray-500: #6b7f95;
  --bks-gray-600: #4f6377;
  --bks-ink-700:  #2a3a4d; /* body text */
  --bks-ink-900:  #142231; /* strong text */

  /* --- Semantic --- */
  --bks-success: #1f9d57;
  --bks-success-bg: #e6f6ec;
  --bks-warning: #c77d12;
  --bks-warning-bg: #fbf1dd;
  --bks-danger:  #d23b3b;
  --bks-danger-bg: #fbe7e7;
  --bks-star:    #f5a623; /* review stars (gold) */

  /* ============================================================
     SEMANTIC ALIASES — prefer these in product code
     ============================================================ */
  --bks-text:           var(--bks-ink-700);
  --bks-text-strong:    var(--bks-navy-800);
  --bks-text-muted:     var(--bks-gray-500);
  --bks-text-on-brand:  var(--bks-white);
  --bks-text-inverse:   var(--bks-white);
  --bks-link:           var(--bks-blue-600);

  --bks-surface-page:   var(--bks-mist-50);
  --bks-surface-card:   var(--bks-white);
  --bks-surface-sunken: var(--bks-mist-100);
  --bks-surface-tint:   var(--bks-sky-100);
  --bks-surface-ink:    var(--bks-navy-800); /* dark sections */

  --bks-border:         var(--bks-gray-300);
  --bks-border-strong:  var(--bks-gray-400);
  --bks-border-tint:    var(--bks-sky-200);

  --bks-brand:          var(--bks-blue-600);
  --bks-brand-hover:    var(--bks-blue-700);
  --bks-brand-press:    var(--bks-navy-700);
  --bks-accent:         var(--bks-sky-400);

  --bks-focus-ring:     0 0 0 3px rgba(28, 121, 240, 0.35);
}