/* Colour theme "mięta" (default since 2026-11-07): near-black green with a green glow, one mint accent,
   hairline borders. The previous look is still available with ?theme=classic. */

html[data-theme="mint"]{
  --bg:#f3f7f5; --surface:#ffffff; --ink:#0c1a16; --muted:#566862; --line:#dbe5e1;
  --accent:#0c8f72; --accent-ink:#ffffff; --accent-soft:#dff3ec; --brand-gold:#0c8f72;
  --mint-a:#2fe0b4; --mint-b:#1fc4d6;
  --font-display:"Manrope",system-ui,sans-serif;
  --font-body:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
}
@media (prefers-color-scheme: dark){
  html[data-theme="mint"]{
    --bg:#060b0a; --surface:#0c1412; --ink:#e7f1ed; --muted:#8a9e97; --line:#1b2723;
    --accent:#34e0b6; --accent-ink:#03140f; --accent-soft:#0f2620; --brand-gold:#34e0b6;
    --ok:#4fd6a0; --warn:#e9b65a; --bad:#f2877d;
  }
}
/* background: a large green glow fading into near-black (light: into pale mint), faint hairline grid */
html[data-theme="mint"]{--glow-1:#bfeedd;--glow-2:#e3f6ef;--glow-3:#d4f1f3}
@media (prefers-color-scheme: dark){html[data-theme="mint"]{--glow-1:#138257;--glow-2:#0b4a33;--glow-3:#0c4446}}
html[data-theme="mint"] body{
  background:
    radial-gradient(1300px 760px at 62% -6%,var(--glow-1) 0%,var(--glow-2) 32%,transparent 68%),
    radial-gradient(900px 600px at -8% 105%,var(--glow-3) 0%,transparent 62%),
    var(--bg);
  background-attachment:fixed;letter-spacing:-.003em}
/* surfaces let the glow through */
html[data-theme="mint"] .card,html[data-theme="mint"] header.hero,html[data-theme="mint"] .subtabs,html[data-theme="mint"] .rt-sec{
  background:color-mix(in srgb,var(--surface) 60%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
html[data-theme="mint"] body::before{
  background-image:linear-gradient(color-mix(in srgb,var(--ink) 5%,transparent) 1px,transparent 1px),
    linear-gradient(90deg,color-mix(in srgb,var(--ink) 5%,transparent) 1px,transparent 1px);
  background-size:120px 120px}
html[data-theme="mint"] h1,html[data-theme="mint"] h2,html[data-theme="mint"] h3{font-family:var(--font-display);letter-spacing:-.015em}
/* surfaces: flat, hairline borders, no tinted gradients */
html[data-theme="mint"] .card,html[data-theme="mint"] header.hero{border-radius:16px;box-shadow:none}
html[data-theme="mint"] .topbar{background:color-mix(in srgb,var(--bg) 45%,transparent)}
html[data-theme="mint"] .brand img{box-shadow:none}
/* buttons: one accent, the main action in the mint gradient */
html[data-theme="mint"] button{border-radius:10px;background:transparent}
html[data-theme="mint"] button.primary{background:linear-gradient(100deg,var(--mint-a),var(--mint-b));border-color:transparent;color:#03140f;font-weight:600}
html[data-theme="mint"] .subtabs{border-radius:12px;background:transparent}
html[data-theme="mint"] .subtabs button[aria-selected="true"],html[data-theme="mint"] .subtabs a[aria-selected="true"]{background:var(--accent-soft);color:var(--accent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 45%,transparent)}
html[data-theme="mint"] input,html[data-theme="mint"] select,html[data-theme="mint"] textarea{border-radius:10px;background:var(--bg)}
html[data-theme="mint"] .tile{border-radius:16px;background:color-mix(in srgb,var(--surface) 60%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
html[data-theme="mint"] .tile.accent{border-top:1px solid var(--line)}
html[data-theme="mint"] .tile.accent .big{color:var(--accent)}
html[data-theme="mint"] .rt-ico{border-radius:10px}
html[data-theme="mint"] #nav a[aria-current="page"]{background:var(--accent-soft);color:var(--accent)}
/* property name in the banner */
html[data-theme="mint"] #title{color:#0c8f72}
@media (prefers-color-scheme: dark){html[data-theme="mint"] #title{color:#4fd6a0}}

/* sticky action bars: a floating translucent panel instead of a solid strip */
html[data-theme="mint"] .sticky-bar{background:color-mix(in srgb,var(--bg) 80%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:10px 14px;border:1px solid var(--line);border-radius:14px;margin:0}
@media (max-width:700px){html[data-theme="mint"] .sticky-bar{padding:8px 10px;border-radius:12px}}
@media (min-width:1200px){#ct-editor>.sticky-bar{flex-wrap:wrap;row-gap:4px}#ct-editor>.sticky-bar h2{flex:1 1 200px;min-width:0;white-space:normal;overflow:visible;font-size:18px}#ct-editor>.sticky-bar>.row{display:contents}#ct-editor>.sticky-bar>.row button{white-space:nowrap;flex:none}#ct-editor>.sticky-bar>.row #ct-msg{order:10;flex:1 1 100%;text-align:right}#ct-editor>.sticky-bar>.row #ct-msg:empty{display:none}}
@media (min-width:641px) and (max-width:1199px){#ct-editor>.sticky-bar h2{flex:1 1 auto;font-size:18px}#ct-editor>.sticky-bar>.row{flex:1 1 100%;justify-content:flex-end}}
@media (max-width:640px){#ct-editor>.sticky-bar>.row{flex-wrap:wrap}#ct-editor>.sticky-bar>.row button{flex:1 1 auto}}