/* =====================================================================
   RIVERKINGZ - SUNSET theme
   The current direction, taken straight off the new album artwork.
   Every value below was sampled from the square cover, not guessed:

     turquoise sky  #30A8A0     coral sky   #E05040
     water teal     #106060     cream       #E0C0A0
     deep teal      #182828     sun gold    #F0B060

   Role split, so three strong colours do not fight:
     CORAL = ACTION. Every primary CTA, and nothing else.
     TEAL  = surfaces and section grounds.
     CREAM / GOLD = detail and accent text only.
   Load after site.css.
   ===================================================================== */

:root{
  /* page grounds carry a teal cast, echoing the artwork's torn dark edges */
  --ink:#0A1414;
  --ink-2:#0E1B1B;
  --ink-3:#132424;
  --river:#106060;
  --river-2:#17756F;

  --sun-teal:#30A8A0;
  --sun-coral:#E05040;
  --sun-cream:#E0C0A0;
  --sun-gold:#F0B060;
  --sun-ink:#0A1414;

  --ember:#E05040;      /* ACTION */
  --ember-2:#F0654F;
  --stone:#E0C0A0;      /* cream, detail */
  --tan:#30A8A0;        /* turquoise, detail */
  --bone:#F2E6D5;       /* warm off-white, from the cover's cream */
  --bone-2:#E0C0A0;
  --mute:#8FA3A0;
  --line:rgba(224,192,160,.14);

  --grad-sun:linear-gradient(135deg,#30A8A0 0%,#F0B060 52%,#E05040 100%);
  --grad-sun-hi:linear-gradient(135deg,#3CC2B8 0%,#FFC377 52%,#F0654F 100%);

  /* the monogram picks up the same sweep */
  --grad-a:#30A8A0;
  --grad-b:#F0B060;
  --grad-c:#E05040;
}

.rk path{fill:url(#rkGrad)}

/* ---------------------------------------------------------- surfaces */
.btn-ember{background:var(--sun-coral);color:#fff;
  box-shadow:0 12px 30px rgba(224,80,64,.30)}
.btn-ember:hover{background:var(--ember-2);
  box-shadow:0 18px 40px rgba(224,80,64,.44)}
.btn-dark:hover{background:var(--sun-coral);color:#fff}
.btn-ghost{border-color:rgba(224,192,160,.34)}
.btn-ghost:hover{background:var(--bone);color:var(--sun-ink);border-color:var(--bone)}

.ticker{background:var(--grad-sun);color:var(--sun-ink)}
.word-strip{background:var(--grad-sun)}
.word-strip .ws-track span{color:var(--sun-ink)}
.word-strip.alt{background:var(--bone)}
.word-strip.alt .ws-track span{color:var(--sun-ink)}
.chip.on{background:var(--sun-coral);border-color:var(--sun-coral);color:#fff}
.sec-bone .chip.on{background:var(--sun-coral);border-color:var(--sun-coral);color:#fff}

.sec-river{background:linear-gradient(180deg,#0F3D3B 0%,#0A1E1E 100%)}
.sec-bone{background:#F2E6D5;color:var(--sun-ink)}
.sec-bone .lede{color:#4A4038}
.sec-bone .eyebrow{color:#B03A2C}
.sec-bone .eyebrow::before{background:var(--grad-sun)}

/* halftone dots, the texture cue from the cover */
.sec-mark::after{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:0;opacity:.5;
  background-image:radial-gradient(rgba(48,168,160,.16) 1px,transparent 1px);
  background-size:9px 9px;
  -webkit-mask-image:linear-gradient(105deg,#000 0%,transparent 42%);
  mask-image:linear-gradient(105deg,#000 0%,transparent 42%)}

/* ------------------------------------------------------------- rules */
.eyebrow{color:var(--sun-gold)}
.eyebrow::before{background:var(--grad-sun)}
.eyebrow.stone{color:var(--sun-cream)}
.eyebrow.stone::before{background:var(--sun-cream)}
.eyebrow.tan{color:var(--sun-teal)}
.eyebrow.tan::before{background:var(--sun-teal)}
.nav a::after{background:var(--grad-sun)}
.link-arrow{border-bottom-color:var(--sun-coral)}
.link-arrow:hover{color:var(--sun-gold)}
.rk-rule::before,.rk-rule::after{background:var(--grad-sun);opacity:.45;height:2px}

.tour-support{color:var(--sun-teal)}
.member .role{color:var(--sun-teal)}
.tour-date small{color:var(--sun-gold)}
.tour-soldout{color:var(--sun-cream);border-color:rgba(224,192,160,.34)}
.quote{border-left-color:var(--sun-coral)}
.member .ring{border-color:var(--sun-gold)}
.tour-row:hover{background:rgba(48,168,160,.10)}
.card:hover{border-color:rgba(240,176,96,.55)}
.dsp a:hover{border-color:var(--sun-gold);background:rgba(240,176,96,.12)}
.sec-bone .dsp a:hover{border-color:var(--sun-coral);background:rgba(224,80,64,.10)}
.field input:focus,.field select:focus,.field textarea:focus{
  border-color:var(--sun-gold);background:rgba(240,176,96,.07)}
.inline-signup input:focus{border-color:var(--sun-gold)}
.socials a:hover{background:var(--sun-coral);border-color:var(--sun-coral);color:#fff}
.foot-col a:hover,.foot-bottom a:hover{color:var(--sun-gold)}
.scroll-cue::after{background:linear-gradient(var(--sun-gold),transparent)}
.drop-art::before{background:radial-gradient(closest-side,rgba(240,176,96,.34),transparent 72%)}

.stat b{background:var(--grad-sun);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-tag{color:var(--sun-cream)}

/* player + playlist */
.player{background:#122020;border-color:rgba(224,192,160,.13)}
.player.active{border-color:rgba(240,176,96,.55)}
.player.active .player-title{color:var(--sun-gold)}
.player-play{background:var(--sun-coral);box-shadow:0 6px 16px rgba(224,80,64,.32)}
.player-fill{background:var(--grad-sun)}
.pl-btn[aria-pressed="true"],.pl-share.copied{
  background:var(--sun-coral);border-color:var(--sun-coral);color:#fff}

/* provisional flags stay obviously provisional */
.ph{color:#FFE2C6;background:rgba(240,176,96,.15);border-color:rgba(240,176,96,.5)}
.ph::before{background:var(--sun-gold)}
.prod-flag{background:var(--sun-coral)}