/* Culori la alegere (modulul „culori”): generat din Palettes::LIST */
:root[data-palette="ocean"]{--c-accent:#1d5bd6;--c-accent-ink:#ffffff;--tag:#cfe0ff;--tag-ink:#0b2a66;--wash:#eef3fb;--line:#d4ddec;--focus:#1d5bd6}
@media (prefers-color-scheme: dark){:root[data-palette="ocean"]:not([data-theme="light"]){--c-accent:#7aa7ff;--c-accent-ink:#0b1220;--tag:#9fc0ff;--tag-ink:#0b1a3d;--wash:#141c2a;--line:#263247;--focus:#9fc0ff}}
:root[data-palette="ocean"][data-theme="dark"]{--c-accent:#7aa7ff;--c-accent-ink:#0b1220;--tag:#9fc0ff;--tag-ink:#0b1a3d;--wash:#141c2a;--line:#263247;--focus:#9fc0ff}
.cl-sw-ocean .cl-a{background:#1d5bd6}.cl-sw-ocean .cl-t{background:#cfe0ff}.cl-sw-ocean .cl-w{background:#eef3fb}
:root[data-palette="padure"]{--c-accent:#1e7a4c;--c-accent-ink:#ffffff;--tag:#bdeccf;--tag-ink:#0d2b1c;--wash:#eef6f1;--line:#d2e4d9;--focus:#1e7a4c}
@media (prefers-color-scheme: dark){:root[data-palette="padure"]:not([data-theme="light"]){--c-accent:#5fd39b;--c-accent-ink:#0b1611;--tag:#8fe3b9;--tag-ink:#0b2016;--wash:#13201a;--line:#24382d;--focus:#8fe3b9}}
:root[data-palette="padure"][data-theme="dark"]{--c-accent:#5fd39b;--c-accent-ink:#0b1611;--tag:#8fe3b9;--tag-ink:#0b2016;--wash:#13201a;--line:#24382d;--focus:#8fe3b9}
.cl-sw-padure .cl-a{background:#1e7a4c}.cl-sw-padure .cl-t{background:#bdeccf}.cl-sw-padure .cl-w{background:#eef6f1}
:root[data-palette="visiniu"]{--c-accent:#a3214f;--c-accent-ink:#ffffff;--tag:#ffd3e2;--tag-ink:#4a0c22;--wash:#fbf0f4;--line:#ecd4de;--focus:#a3214f}
@media (prefers-color-scheme: dark){:root[data-palette="visiniu"]:not([data-theme="light"]){--c-accent:#ff8fb4;--c-accent-ink:#1f0a12;--tag:#ffb3cc;--tag-ink:#3d0a1d;--wash:#22141a;--line:#3a2630;--focus:#ffb3cc}}
:root[data-palette="visiniu"][data-theme="dark"]{--c-accent:#ff8fb4;--c-accent-ink:#1f0a12;--tag:#ffb3cc;--tag-ink:#3d0a1d;--wash:#22141a;--line:#3a2630;--focus:#ffb3cc}
.cl-sw-visiniu .cl-a{background:#a3214f}.cl-sw-visiniu .cl-t{background:#ffd3e2}.cl-sw-visiniu .cl-w{background:#fbf0f4}
:root[data-palette="lavanda"]{--c-accent:#6a3fc9;--c-accent-ink:#ffffff;--tag:#e4d8ff;--tag-ink:#2a1466;--wash:#f4f1fb;--line:#e0d8f0;--focus:#6a3fc9}
@media (prefers-color-scheme: dark){:root[data-palette="lavanda"]:not([data-theme="light"]){--c-accent:#b79bff;--c-accent-ink:#150d29;--tag:#cdb8ff;--tag-ink:#241147;--wash:#1a1626;--line:#2f2840;--focus:#cdb8ff}}
:root[data-palette="lavanda"][data-theme="dark"]{--c-accent:#b79bff;--c-accent-ink:#150d29;--tag:#cdb8ff;--tag-ink:#241147;--wash:#1a1626;--line:#2f2840;--focus:#cdb8ff}
.cl-sw-lavanda .cl-a{background:#6a3fc9}.cl-sw-lavanda .cl-t{background:#e4d8ff}.cl-sw-lavanda .cl-w{background:#f4f1fb}
:root[data-palette="portocaliu"]{--c-accent:#b8460f;--c-accent-ink:#ffffff;--tag:#ffd9b8;--tag-ink:#4a1d05;--wash:#fdf3ec;--line:#efdccd;--focus:#b8460f}
@media (prefers-color-scheme: dark){:root[data-palette="portocaliu"]:not([data-theme="light"]){--c-accent:#ff9d66;--c-accent-ink:#1f0d03;--tag:#ffbf94;--tag-ink:#3d1806;--wash:#221812;--line:#3a2a20;--focus:#ffbf94}}
:root[data-palette="portocaliu"][data-theme="dark"]{--c-accent:#ff9d66;--c-accent-ink:#1f0d03;--tag:#ffbf94;--tag-ink:#3d1806;--wash:#221812;--line:#3a2a20;--focus:#ffbf94}
.cl-sw-portocaliu .cl-a{background:#b8460f}.cl-sw-portocaliu .cl-t{background:#ffd9b8}.cl-sw-portocaliu .cl-w{background:#fdf3ec}
:root[data-palette="turcoaz"]{--c-accent:#0e7480;--c-accent-ink:#ffffff;--tag:#bff0ef;--tag-ink:#053b40;--wash:#edf7f7;--line:#d1e5e5;--focus:#0e7480}
@media (prefers-color-scheme: dark){:root[data-palette="turcoaz"]:not([data-theme="light"]){--c-accent:#4fd1d9;--c-accent-ink:#04191b;--tag:#8ee6ea;--tag-ink:#06302f;--wash:#121f20;--line:#223637;--focus:#8ee6ea}}
:root[data-palette="turcoaz"][data-theme="dark"]{--c-accent:#4fd1d9;--c-accent-ink:#04191b;--tag:#8ee6ea;--tag-ink:#06302f;--wash:#121f20;--line:#223637;--focus:#8ee6ea}
.cl-sw-turcoaz .cl-a{background:#0e7480}.cl-sw-turcoaz .cl-t{background:#bff0ef}.cl-sw-turcoaz .cl-w{background:#edf7f7}
:root[data-palette="contrast"]{--c-accent:#000000;--c-accent-ink:#ffffff;--tag:#ffe500;--tag-ink:#000000;--wash:#f2f2f2;--line:#6b6b6b;--focus:#0040ff;--ink:#000000;--ink-2:#1a1a1a;--ink-3:#333333}
@media (prefers-color-scheme: dark){:root[data-palette="contrast"]:not([data-theme="light"]){--c-accent:#ffffff;--c-accent-ink:#000000;--tag:#ffe500;--tag-ink:#000000;--wash:#111111;--line:#8a8a8a;--focus:#ffe500;--paper:#000000;--ink:#ffffff;--ink-2:#eeeeee;--ink-3:#cccccc}}
:root[data-palette="contrast"][data-theme="dark"]{--c-accent:#ffffff;--c-accent-ink:#000000;--tag:#ffe500;--tag-ink:#000000;--wash:#111111;--line:#8a8a8a;--focus:#ffe500;--paper:#000000;--ink:#ffffff;--ink-2:#eeeeee;--ink-3:#cccccc}
.cl-sw-contrast .cl-a{background:#000000}.cl-sw-contrast .cl-t{background:#ffe500}.cl-sw-contrast .cl-w{background:#f2f2f2}
.cl-sw-implicit .cl-a{background:#18202b}.cl-sw-implicit .cl-t{background:#ffd43b}.cl-sw-implicit .cl-w{background:#f1f3f6}
/* unde apare culoarea temei */
:root[data-palette] .btn:not(.btn-quiet), :root[data-palette] .search button[type="submit"], :root[data-palette] .chips a[aria-current="true"],
:root[data-palette] .ma-jump a[data-ma-ask] { background: var(--c-accent); border-color: var(--c-accent); color: var(--c-accent-ink); }
:root[data-palette] .masthead { box-shadow: inset 0 4px 0 var(--c-accent); }
:root[data-palette] .mainnav a[aria-current="page"] { color: var(--c-accent); text-decoration-color: var(--c-accent); }
:root[data-palette] .app-tabbar a[aria-current="page"] { color: var(--c-accent); }
:root[data-palette] .package:has(input:checked) { border-color: var(--c-accent); box-shadow: inset 0 0 0 1px var(--c-accent); }
:root[data-palette="contrast"] a { text-decoration-thickness: 2px; }
:root[data-palette="contrast"] :focus-visible { outline-width: 4px; }
/* pagina „Culorile site-ului” */
.cl-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 10px; margin: 0 0 18px; padding: 0; border: 0; }
.cl-grid legend, .cl-modes legend { font-weight: 700; margin-bottom: 8px; padding: 0; }
.cl-card { position: relative; display: grid; gap: 8px; padding: 12px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--paper); cursor: pointer; }
.cl-card input { position: absolute; opacity: 0; pointer-events: none; }
.cl-card:has(input:checked) { border-color: var(--ink); box-shadow: inset 0 0 0 2px var(--ink); }
.cl-card:has(input:focus-visible) { outline: 3px solid var(--focus); outline-offset: 2px; }
.cl-swatch { display: flex; height: 34px; border-radius: 8px; overflow: hidden; border: 1px solid rgba(0, 0, 0, .12); }
.cl-swatch span { flex: 1; }
.cl-swatch .cl-a { flex: 2; }
.cl-name { font-weight: 600; }
.cl-modes { display: flex; flex-wrap: wrap; gap: 8px 18px; margin: 0 0 18px; padding: 0; border: 0; }
.cl-modes label { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; }
.cl-modes input { width: 20px; height: 20px; }
.cl-preview { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; padding: 14px; border-radius: var(--radius); background: var(--wash); border: 1px solid var(--line); margin: 0 0 18px; }
.cl-saved[hidden] { display: none; }