/* =====================================================================
   RIVERKINGZ — SEAGLASS theme
   Swaps the coral action colour for a beachy blue-green gradient.
   Hue family sampled from the Caribbean water in `RK Sunglasses.png`
   (the lens reflection reads hue ~186-192), then pushed to full
   saturation per house style: vivid, not the photo-washed original.

   Rule of the system:
     GRADIENT  -> surfaces that fill (buttons, ticker, word strips, bars)
     SOLID sea -> marks, rules and any text that has to stay legible
   Load after site.css.
   ===================================================================== */

:root{
  --sea-deep:#00A6C4;   /* shallow-water blue */
  --sea:#17CFB8;        /* turquoise, the solid stand-in */
  --sea-foam:#63E6BE;   /* foam green */
  --sea-ink:#03231F;    /* text that sits ON the gradient */

  /* every flat use of the old accent resolves to the mid turquoise */
  --ember:#17CFB8;
  --ember-2:#63E6BE;

  --grad-sea:linear-gradient(135deg,#00A6C4 0%,#17CFB8 52%,#63E6BE 100%);
  --grad-sea-hi:linear-gradient(135deg,#00BFDF 0%,#2FE3CB 52%,#82F0CE 100%);

  /* feeds the <linearGradient id="rkGrad"> the monogram is filled with */
  --grad-a:#00A6C4;
  --grad-b:#17CFB8;
  --grad-c:#63E6BE;
}

/* the RK monogram becomes a gradient rather than a flat fill */
.rk path{fill:url(#rkGrad)}

/* ---------------------------------------------------------- surfaces */
.btn-ember{
  background:var(--grad-sea);color:var(--sea-ink);
  box-shadow:0 12px 30px rgba(23,207,184,.30)}
.btn-ember:hover{
  background:var(--grad-sea-hi);color:var(--sea-ink);
  box-shadow:0 18px 40px rgba(23,207,184,.44)}
.btn-dark:hover{background:var(--grad-sea);color:var(--sea-ink)}

.ticker{background:var(--grad-sea);color:var(--sea-ink)}
.word-strip{background:var(--grad-sea)}
.word-strip .ws-track span{color:var(--sea-ink)}
.word-strip.alt{background:var(--bone)}
.word-strip.alt .ws-track span{color:var(--ink)}

.chip.on{background:var(--grad-sea);border-color:transparent;color:var(--sea-ink)}
.sec-bone .chip.on{background:var(--grad-sea);color:var(--sea-ink);border-color:transparent}

/* ------------------------------------------------------------- rules */
.eyebrow::before{background:var(--grad-sea)}
.eyebrow{color:var(--sea)}
.sec-bone .eyebrow{color:#068B7C}
.sec-bone .eyebrow::before{background:var(--grad-sea)}
.nav a::after{background:var(--grad-sea)}
.link-arrow{border-bottom-color:var(--sea)}
.link-arrow:hover{color:var(--sea)}
.rk-rule .rk path{fill:url(#rkGrad)}
.quote{border-left-color:var(--sea)}
.member .ring{border-color:var(--sea)}
.tour-date small{color:var(--sea)}
.tour-row:hover{background:rgba(23,207,184,.09)}
.card:hover{border-color:rgba(23,207,184,.55);box-shadow:0 24px 50px rgba(0,0,0,.5)}
.dsp a:hover{border-color:var(--sea);background:rgba(23,207,184,.12)}
.sec-bone .dsp a:hover{border-color:var(--sea);background:rgba(23,207,184,.12)}
.field input:focus,.field select:focus,.field textarea:focus{
  border-color:var(--sea);background:rgba(23,207,184,.07)}
.inline-signup input:focus{border-color:var(--sea)}
.socials a:hover{background:var(--grad-sea);border-color:transparent;color:var(--sea-ink)}
.foot-col a:hover,.foot-bottom a:hover{color:var(--sea)}
.scroll-cue::after{background:linear-gradient(var(--sea),transparent)}
.drop-art::before{background:radial-gradient(closest-side,rgba(23,207,184,.34),transparent 72%)}
.marks figure:hover img{opacity:1}

/* gradient lift on the big numbers */
.stat b{background:var(--grad-sea);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-tag{color:var(--sea-foam)}

/* placeholder flags follow the accent so they still read as "not final" */
.ph{color:#CFFBF0;background:rgba(23,207,184,.15);border-color:rgba(23,207,184,.55)}
.ph::before{background:var(--sea)}

/* the merch slab keeps a dark product ground, so lift its hover */
.prod:hover{box-shadow:0 26px 50px rgba(0,0,0,.22)}