/* ============================================================
   VERDE — Tilda-style theme system
   Switch: document.documentElement.dataset.theme = 'verde'|'dark'|'sand'|'mono'
   All components are re-colored by remapping Figma color utilities to tokens.
   ============================================================ */
:root,[data-theme="verde"]{--t-bg:#fafbf3;--t-surface:#e1ece3;--t-surface-2:#d7d9d4;--t-dark:#252a2d;--t-dark-2:#252a2d;--t-text:#252a2d;--t-muted:#7e8c7b;--t-muted-2:#5e6366;--t-heading:#252a2d;--t-accent:#252a2d;--t-on-dark:#fafbf3;--t-border:#252a2d;--t-white:#ffffff;--t-radius:14px;--t-font-heading:'Opium','Manrope',serif;--t-font-body:'Manrope','Inter',sans-serif}
[data-theme="dark"]{--t-bg:#171b15;--t-surface:#232a20;--t-surface-2:#2b3327;--t-dark:#0e110c;--t-dark-2:#0e110c;--t-text:#e8ede2;--t-muted:#9fb098;--t-muted-2:#b7c2b1;--t-heading:#cfe0c4;--t-accent:#84a86c;--t-on-dark:#f2f6ec;--t-border:#3c4a36;--t-white:#232a20}
[data-theme="sand"]{--t-bg:#f7f1e6;--t-surface:#ecdfca;--t-surface-2:#e3d3b6;--t-dark:#3a2f24;--t-dark-2:#332a20;--t-text:#3a2f24;--t-muted:#a4906c;--t-muted-2:#8a7a5e;--t-heading:#7a5c3a;--t-accent:#b07a43;--t-on-dark:#f7f1e6;--t-border:#b07a43;--t-white:#fffaf0}
[data-theme="mono"]{--t-bg:#f5f5f4;--t-surface:#e7e7e5;--t-surface-2:#dcdcda;--t-dark:#1c1c1c;--t-dark-2:#161616;--t-text:#1c1c1c;--t-muted:#8a8a88;--t-muted-2:#6f6f6d;--t-heading:#2b2b2b;--t-accent:#2b2b2b;--t-on-dark:#f5f5f4;--t-border:#2b2b2b;--t-white:#ffffff}
/* ---- remap Figma color utilities -> tokens (applies to ALL components) ---- */
.text-\[\#252a2d\]{color:var(--t-text)!important}
.text-\[\#171717\]{color:var(--t-text)!important}
.text-\[\#7e8c7b\]{color:var(--t-muted)!important}
.text-\[\#252a2d\]{color:var(--t-heading)!important}
.text-\[\#5e6366\]{color:var(--t-muted-2)!important}
.text-\[\#565656\]{color:var(--t-muted-2)!important}
.text-\[\#c2c2c2\]{color:var(--t-muted-2)!important}
.text-\[\#e1ece3\]{color:var(--t-on-dark)!important}
.text-\[\#fafbf3\]{color:var(--t-on-dark)!important}
.text-white{color:var(--t-on-dark)!important}
.bg-\[\#fafbf3\]{background-color:var(--t-bg)!important}
.bg-\[\#e1ece3\]{background-color:var(--t-surface)!important}
.bg-\[\#e1ede3\]{background-color:var(--t-surface)!important}
.bg-\[\#252a2d\]{background-color:var(--t-dark)!important}
.bg-\[\#252a2d\]{background-color:var(--t-dark-2)!important}
.bg-\[\#252a2d\]{background-color:var(--t-accent)!important}
.bg-white{background-color:var(--t-white)!important}
.border-\[\#252a2d\]{border-color:var(--t-border)!important}
.border-\[\#252a2d\]{border-color:var(--t-border)!important}
.from-\[\#252a2d\]{--verde-from:var(--t-accent)!important}
.from-\[\#d7d9d4\]{--verde-from:var(--t-surface-2)!important}
.from-\[\#a4aea5\]{--verde-from:var(--t-muted)!important}
.to-\[\#758173\]{--verde-to:var(--t-muted)!important}
.to-\[\#717171\]{--verde-to:var(--t-muted-2)!important}
.to-\[\#616e61\]{--verde-to:var(--t-muted)!important}
.to-\[\#252a2d\]{--verde-to:var(--t-dark)!important}
html,body{background-color:var(--t-bg)}