/*
 * GOL.md segmented controls — canonical shared component
 * Shared state palette only. Route components own their geometry; this file
 * gives every segmented switch the same neutral active/hover language.
 */
:root{
  --golmd-segment-bg:#f2f5f7;
  --golmd-segment-border:#d8e0e6;
  --golmd-segment-text:#536475;
  --golmd-segment-hover-bg:#e4e9ed;
  --golmd-segment-hover-text:#223443;
  --golmd-segment-active-bg:#fff;
  --golmd-segment-active-text:#12202b;
  --golmd-segment-active-border:#cbd6dd;
  --golmd-segment-active-shadow:0 1px 3px rgba(15,30,42,.10);
  --golmd-segment-shadow:0 1px 2px rgba(15,30,42,.04);
  --golmd-segment-focus:rgba(75,94,110,.34);

  /* Controls placed on permanently dark hero/card surfaces. */
  --golmd-segment-dark-bg:rgba(3,14,22,.27);
  --golmd-segment-dark-border:rgba(255,255,255,.14);
  --golmd-segment-dark-text:#fff;
  --golmd-segment-dark-hover-bg:rgba(39,58,73,.24);
  --golmd-segment-dark-hover-text:#fff;
  --golmd-segment-dark-active-bg:rgba(42,61,76,.46);
  --golmd-segment-dark-active-text:#fff;
  --golmd-segment-dark-shadow:0 5px 16px rgba(0,0,0,.12);
}
:is(html.golmd-theme-dark,html.golmdm-theme-dark,html.golmdm-dark-live,html[data-theme="dark"],html[data-golmdm-real-theme="dark"],html[data-golmdm-live-theme="dark"],html[data-golmdm-theme-boot="dark"]){
  --golmd-segment-bg:#0c1822;
  --golmd-segment-border:#263846;
  --golmd-segment-text:#d7e0e6;
  --golmd-segment-hover-bg:#1f3141;
  --golmd-segment-hover-text:#fff;
  --golmd-segment-active-bg:#293d4f;
  --golmd-segment-active-text:#fff;
  --golmd-segment-active-border:#3a5265;
  --golmd-segment-active-shadow:none;
  --golmd-segment-shadow:none;
  --golmd-segment-focus:rgba(167,185,198,.38);
}