/* Rangoli Studio consistency c1: Music Room / Diwali card language (ink #16202C, teal #145C63, paper #FBF9F4, hairline rgba(22,32,44,.10), pill buttons).
   Additive only: colour, radius, border, shadow, focus. No sizes or layout. Undo: delete this file and its <link> in index.html. */
html body .rgl,html body .rgl-app{--acc:#145C63;--line:rgba(22,32,44,.10)}

/* primary and secondary buttons: pills, one teal */
html body .rp-btn{border-radius:999px}
html body .rp-btn.solid,html body .rgl-app.s2-studio .rp-btn.solid{background:#145C63;color:#fff}
html body .rgl .rp-go{background:#145C63}
@media (min-width:861px){html body .rgl-app.s2-studio .rp-go{background:#145C63;box-shadow:0 2px 8px rgba(20,92,99,.30)}}

/* segmented tiles and chips: teal tint when on, paper with a hairline when off */
html body .rp-tile[aria-pressed="true"],html body .rgl-app.s2-studio .rp-tile[aria-pressed="true"]{background:rgba(20,92,99,.09);border-color:#145C63;color:#145C63}
html body .rp-chip[aria-pressed="true"],html body .rgl-app.s2-studio .rp-chip[aria-pressed="true"]{background:rgba(20,92,99,.10);border-color:#145C63;color:#145C63}
html body .rp-chip:not([aria-pressed="true"]),html body .rgl-app.s2-studio .rp-chip:not([aria-pressed="true"]){background:#FBF9F4;border-color:rgba(22,32,44,.10)}
html body .rp-sw[aria-pressed="true"]{box-shadow:0 0 0 2px #fff,0 0 0 3.5px #145C63}
html body .rp-rng input{accent-color:#145C63}

/* cards and thumbnails */
html body .rp-th{border-radius:14px}
html body .rgl-facts div{background:#FBF9F4;border-color:rgba(22,32,44,.10)}
html body .rgl-facts p{color:#3A4654}
html body .rgl-links a{border-color:rgba(22,32,44,.10);color:#145C63}
html body .rgl-toast{border-radius:999px}

/* focus ring: same teal ring as the Diwali card */
html body .rp-ib:focus-visible,html body .rp-go:focus-visible,html body .rp-btn:focus-visible,html body .rp-chip:focus-visible,html body .rp-tile:focus-visible,html body .rp-tab:focus-visible,html body .rp-sw:focus-visible,html body .rp-th button:focus-visible,html body .rp-x:focus-visible{outline:3px solid #E8590C;outline-offset:2px}

/* desktop inspector tabs: teal, like the Music Room sidebar */
@media (min-width:861px){
  html body .rgl-app.s2-studio .rp-tab[aria-selected="true"]{background:rgba(20,92,99,.10);color:#145C63}
  html body .rgl-app.s2-studio .rp-tabs{border-bottom-color:rgba(22,32,44,.10)}
}

/* phone bottom bar: light glass with a teal selected pill (Music Room), instead of the dark pill */
@media (max-width:860px){
  html body .rgl-app.s2-studio .rp-tabs{background:rgba(255,255,255,.92);border:1px solid rgba(22,32,44,.10);box-shadow:0 10px 30px -14px rgba(20,40,50,.4)}
  html body .rgl-app.s2-studio .rp-tab{color:#7C828C}
  html body .rgl-app.s2-studio .rp-tab[aria-selected="true"]{background:rgba(20,92,99,.10)!important;color:#145C63}
  html body .rgl-app.s2-studio.rp-collapsed .rp-tab[aria-selected="true"]{background:transparent!important;color:#7C828C}
  html body .rgl-app.s2-studio .rp-tab#rt-colour::after{box-shadow:0 0 0 2px #fff,0 0 0 3px rgba(22,32,44,.15)}
}