/* ============================================================
   Boatwork — Color tokens
   Sampled from the Boatwork.fig source file.
   ============================================================ */

:root {
  /* ---- Brand core ------------------------------------------ */
  --bw-ink:        #000C36; /* navy — primary text, dark CTAs, logo   */
  --bw-teal:       #00C1BD; /* signature action color — "Request quote" */
  --bw-teal-dark:  #00A8A4; /* teal pressed/hover                      */
  --bw-coral:      #FF6364; /* accent — line icons, brand pops, stars  */
  --bw-ocean:      #0A4571; /* deep ocean — dark marketing CTA panels  */
  --bw-steel:      #4D7396; /* muted steel — listing page hero band    */

  /* ---- Water / cyan family (hero waves & tints) ------------ */
  --bw-cyan:       #66C9EA; /* mid wave                                */
  --bw-sky:        #7CDDFE; /* light wave                              */
  --bw-aqua:       #5AF5F2; /* bright wave highlight                   */
  --bw-mist:       #E0F7FF; /* pale cyan fill                          */
  --bw-foam:       #F3FCFF; /* hero background wash                     */
  --bw-foam-2:     #F6FBFF; /* alternate pale wash                      */

  /* ---- Neutrals -------------------------------------------- */
  --bw-white:      #FFFFFF;
  --bw-slate:      #535869; /* secondary / body-muted text             */
  --bw-periwinkle: #D5DAEB; /* tag fills, soft borders, chips          */
  --bw-line:       #DFDFDF; /* hairline borders, dividers              */
  --bw-line-soft:  #E8E8EC; /* lighter divider                         */
  --bw-placeholder:#D9D9D9; /* image placeholder gray                  */
  --bw-fog:        #97A0B5; /* tertiary text / disabled label          */
  --bw-amber:      #FFBF42; /* review stars (rating gold)              */

  /* ---- Surfaces -------------------------------------------- */
  --bw-bg:            var(--bw-white);
  --bw-surface:       var(--bw-white);
  --bw-surface-foam:  var(--bw-foam);
  --bw-surface-mist:  var(--bw-mist);
  --bw-surface-ocean: var(--bw-ocean);
  --bw-surface-steel: var(--bw-steel);

  /* ---- Semantic text --------------------------------------- */
  --bw-text:         var(--bw-ink);
  --bw-text-muted:   var(--bw-slate);
  --bw-text-subtle:  var(--bw-fog);
  --bw-text-invert:  var(--bw-white);
  --bw-text-link:    var(--bw-ocean);

  /* ---- Semantic action ------------------------------------- */
  --bw-action:        var(--bw-teal);
  --bw-action-hover:  var(--bw-teal-dark);
  --bw-action-text:   var(--bw-white);
  --bw-action-dark:   var(--bw-ink);

  /* ---- Borders --------------------------------------------- */
  --bw-border:       var(--bw-line);
  --bw-border-strong:var(--bw-ink);
  --bw-border-soft:  var(--bw-line-soft);
}