/* Tile colours. Each theme keeps to its own hue: four shades of it plus one soft neutral, so tiles feel related. */
:root,:root[data-theme="clean"]{--t1:#DCE8D5;--t2:#E7EFDF;--t3:#D3E2CB;--t4:#EDEADB;--t5:#E2ECDC;--tk:#2D4A3A;}
:root[data-theme="blush"]{--t1:#F6D5DA;--t2:#FBE3E6;--t3:#F0C9D0;--t4:#F8E8DE;--t5:#F4D9DE;--tk:#7A4A55;}
:root[data-theme="sky"]{--t1:#D3E4F3;--t2:#E1EDF8;--t3:#C8DCEE;--t4:#EAF0F2;--t5:#D9E7F4;--tk:#3D5A72;}
:root[data-theme="lilac"]{--t1:#E1D7F1;--t2:#EBE3F6;--t3:#D6CAEA;--t4:#EFE9F2;--t5:#E4DBF2;--tk:#574570;}
:root[data-theme="apricot"]{--t1:#F8DEC3;--t2:#FBE9D6;--t3:#F3D2B0;--t4:#F6EADB;--t5:#F9E0C9;--tk:#8A5433;}
:root[data-theme="dark"]{--t1:rgba(122,163,134,.30);--t2:rgba(122,163,134,.20);--t3:rgba(122,163,134,.38);--t4:rgba(255,255,255,.08);--t5:rgba(122,163,134,.26);--tk:#E4ECE6;}
@media (prefers-color-scheme: dark){:root:not([data-theme]){--t1:rgba(122,163,134,.30);--t2:rgba(122,163,134,.20);--t3:rgba(122,163,134,.38);--t4:rgba(201,169,106,.20);--t5:rgba(122,163,134,.26);}}

/* Backdrop colours the glass shows through, and the glass itself. Same hue family per theme. */
:root,:root[data-theme="clean"]{--b1:rgba(168,205,160,.60);--b2:rgba(240,214,150,.55);--b3:rgba(190,214,184,.55);--gl1:rgba(255,255,255,.74);--gl2:rgba(255,255,255,.34);--glb:rgba(255,255,255,.8);--hi:rgba(255,255,255,.7);}
:root[data-theme="blush"]{--b1:rgba(244,176,192,.60);--b2:rgba(250,208,196,.55);--b3:rgba(232,170,196,.50);}
:root[data-theme="sky"]{--b1:rgba(150,196,236,.60);--b2:rgba(200,222,244,.55);--b3:rgba(176,196,240,.50);}
:root[data-theme="lilac"]{--b1:rgba(196,176,232,.60);--b2:rgba(228,200,236,.55);--b3:rgba(176,190,236,.50);}
:root[data-theme="dark"]{--b1:rgba(70,120,92,.60);--b2:rgba(60,130,110,.34);--b3:rgba(60,100,84,.55);--gl1:rgba(255,255,255,.11);--gl2:rgba(255,255,255,.03);--glb:rgba(255,255,255,.15);--hi:rgba(255,255,255,.10);}
/*glass*/:root[data-theme="blush"],:root[data-theme="sky"],:root[data-theme="lilac"],:root[data-theme="apricot"],:root[data-theme="cream"]{--gl1:rgba(255,255,255,.74);--gl2:rgba(255,255,255,.34);--glb:rgba(255,255,255,.8);--hi:rgba(255,255,255,.7);}

:root[data-theme="apricot"]{--t1:#F9E4DA;--t2:#FCEFE8;--t3:#F3D9CC;--t4:#F6EDE4;--t5:#F8E6DD;--tk:#7A4A3E;--b1:rgba(250,205,185,.58);--b2:rgba(252,228,212,.58);--b3:rgba(240,196,180,.48);}
:root[data-theme="cream"]{--t1:#EFE6D6;--t2:#F4EDE0;--t3:#E7DCC8;--t4:#EDE7DD;--t5:#F1E8DA;--tk:#4A4238;--b1:rgba(226,208,176,.60);--b2:rgba(240,228,206,.60);--b3:rgba(214,196,168,.50);}

:root[data-theme="pearl"]{--t1:#F1EFEA;--t2:#F6F4F0;--t3:#ECE9E3;--t4:#F3F1EC;--t5:#EFEDE8;--tk:#2F2F2E;--b1:rgba(236,232,224,.9);--b2:rgba(226,231,238,.55);--b3:rgba(240,236,228,.85);--gl1:rgba(255,255,255,.78);--gl2:rgba(255,255,255,.4);--glb:rgba(255,255,255,.9);--hi:rgba(255,255,255,.8);}
:root[data-theme="pastel"]{--t1:#DDEBDD;--t2:#E6DDF1;--t3:#DCE8F4;--t4:#D8EEEA;--t5:#F3E0EC;--tk:#2F2F2E;--b1:rgba(236,243,236,.55);--b2:rgba(238,232,247,.5);--b3:rgba(232,240,248,.5);--gl1:rgba(255,255,255,.78);--gl2:rgba(255,255,255,.4);--glb:rgba(255,255,255,.9);--hi:rgba(255,255,255,.8);}
:root[data-theme="midnight"]{--t1:rgba(120,160,230,.20);--t2:rgba(120,160,230,.11);--t3:rgba(150,180,240,.26);--t4:rgba(255,255,255,.08);--t5:rgba(100,140,210,.17);--tk:#E6ECF5;--b1:rgba(64,104,196,.48);--b2:rgba(36,66,140,.55);--b3:rgba(104,88,196,.26);--gl1:rgba(255,255,255,.10);--gl2:rgba(255,255,255,.03);--glb:rgba(255,255,255,.14);--hi:rgba(255,255,255,.10);}
:root[data-theme="wine"]{--t1:rgba(230,130,150,.20);--t2:rgba(230,130,150,.11);--t3:rgba(240,160,176,.26);--t4:rgba(255,255,255,.08);--t5:rgba(210,110,130,.17);--tk:#F4E6E8;--b1:rgba(150,36,60,.55);--b2:rgba(110,24,44,.6);--b3:rgba(168,60,90,.28);--gl1:rgba(255,255,255,.10);--gl2:rgba(255,255,255,.03);--glb:rgba(255,255,255,.14);--hi:rgba(255,255,255,.10);}