/* Briefly V27 — Light Contrast, Accent Studio, Push UI */
:root{
  --briefly-accent:#2dd4c7;
  --briefly-accent-rgb:var(--briefly-accent-rgb);
}
html[data-briefly-accent="blue"]{--briefly-accent:#35a7ff;--briefly-accent-rgb:53,167,255}
html[data-briefly-accent="green"]{--briefly-accent:#39c979;--briefly-accent-rgb:57,201,121}
html[data-briefly-accent="yellow"]{--briefly-accent:#e2b93b;--briefly-accent-rgb:226,185,59}
html[data-briefly-accent="pink"]{--briefly-accent:#ee6ca7;--briefly-accent-rgb:238,108,167}
html[data-briefly-accent="orange"]{--briefly-accent:#ef8a3d;--briefly-accent-rgb:239,138,61}
html[data-briefly-accent="purple"]{--briefly-accent:#9b7cf6;--briefly-accent-rgb:155,124,246}
html[data-briefly-accent="gray"]{--briefly-accent:#8398a3;--briefly-accent-rgb:131,152,163}
html[data-briefly-accent="petrol"]{--briefly-accent:#2dd4c7;--briefly-accent-rgb:var(--briefly-accent-rgb)}

.v10Logo span,.v25Logo span,.v25Hero>small,.v25PanelHead small,.v131Kicker,.v10Kicker,
.v26TeamCard input:checked+span:after{color:var(--briefly-accent)!important}
.v10Categories a.active,.v25Save,.v25PushActions button:not(.secondary){background:var(--briefly-accent)!important}
.v25Save,.v25PushActions button:not(.secondary){color:#06171f!important}
.v25Segment button.active,.v25Segment label input:checked+span,
.v25TopicGrid input:checked+span,.v26TeamCard input:checked+span,
.v26Appearance button.active{
  border-color:rgba(var(--briefly-accent-rgb),.62)!important;
  box-shadow:inset 0 0 0 1px rgba(var(--briefly-accent-rgb),.20)!important;
}
.v25TopicGrid input:checked+span,.v26TeamCard input:checked+span{
  background:rgba(var(--briefly-accent-rgb),.13)!important;
}
.v27AccentGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.v27Accent{
  min-height:62px;border:1px solid var(--line);background:#091f2c;color:#d8e4e9;
  border-radius:16px;display:flex;gap:9px;align-items:center;justify-content:center;padding:10px;cursor:pointer
}
.v27Accent i{display:block;width:18px;height:18px;border-radius:50%;background:var(--swatch);box-shadow:0 0 0 4px rgba(255,255,255,.05)}
.v27Accent span{font-size:12px;font-weight:800}.v27Accent.active{border-color:var(--briefly-accent)}
html[data-briefly-theme="light"] .v27Accent{background:#fff;color:#132c37;border-color:#cfdade}
html[data-briefly-theme="light"] .v27Accent.active{background:rgba(var(--briefly-accent-rgb),.10);border-color:var(--briefly-accent)}

/* Critical fix: selected controls MUST remain readable in light mode */
html[data-briefly-theme="light"] .v25TopicGrid span,
html[data-briefly-theme="light"] .v25Segment button,
html[data-briefly-theme="light"] .v25Segment label span,
html[data-briefly-theme="light"] .v26TeamCard span{
  color:#142b36!important;
}
html[data-briefly-theme="light"] .v25TopicGrid input:checked+span,
html[data-briefly-theme="light"] .v25Segment label input:checked+span,
html[data-briefly-theme="light"] .v25Segment button.active,
html[data-briefly-theme="light"] .v26TeamCard input:checked+span{
  color:#102630!important;
  background:rgba(var(--briefly-accent-rgb),.14)!important;
  border-color:rgba(var(--briefly-accent-rgb),.72)!important;
}
html[data-briefly-theme="light"] .v26TeamCard b,
html[data-briefly-theme="light"] .v25TopicGrid input:checked+span,
html[data-briefly-theme="light"] .v25Segment label input:checked+span b{
  color:#102630!important;
}
html[data-briefly-theme="light"] .v26TeamCard em{color:#607782!important}
html[data-briefly-theme="light"] .v25Field input,
html[data-briefly-theme="light"] .v25Quiet input{
  background:#fff!important;color:#152d38!important;border-color:#ccd9de!important
}
html[data-briefly-theme="light"] .v25Field input::placeholder{color:#7b8e97!important}
html[data-briefly-theme="light"] .v25Rows label{color:#152d38!important}
html[data-briefly-theme="light"] .v25Rows label span{color:#667b85!important}
html[data-briefly-theme="light"] input[type="checkbox"]{accent-color:var(--briefly-accent)}
html[data-briefly-theme="light"] .v25Status{color:#5d737e!important;border-color:#d3dde1!important}
html[data-briefly-theme="light"] .v25Status.on{color:#087d73!important}
html[data-briefly-theme="light"] .v25PushActions .secondary{background:#fff!important;color:#19323e!important;border-color:#ccd9de!important}

/* Larger mobile settings text */
@media(max-width:700px){
 .v25PanelHead h2{font-size:28px!important}
 .v25Rows b{font-size:17px!important}
 .v25Rows span,.v25Hint,.v25Privacy{font-size:14px!important;line-height:1.5!important}
 .v25TopicGrid span,.v25Segment button,.v25Segment label span{font-size:17px!important}
 .v25Field>span{font-size:14px!important}
 .v25Field input{font-size:17px!important}
 .v27AccentGrid{grid-template-columns:repeat(2,1fr)}
 .v27Accent span{font-size:14px}
}