:root, [data-talas-theme="blueopal"] {
  --talas-text:#003f59; --talas-text-muted:#557;
  --talas-header-bg:#d9ecf5; --talas-header-border:#bbdceb;
  --talas-button-bg:#daecf4; --talas-button-border:#a3d0e4;
  --talas-hover-bg:#7bd2f6; --talas-hover-border:#8bc4dd;
  --talas-primary:#177fab; --talas-primary-border:#115e7f; --talas-primary-hover:#157299;
  --talas-selected:#13688c; --talas-selected-text:#fff;
  --talas-focus-shadow:inset 0 0 3px 1px #8bc4dd; --talas-radius:4px;
  --talas-font:"Segoe UI","Helvetica Neue",Arial,sans-serif; --talas-font-size:12px;
  --talas-popup-shadow:0 4px 6px rgba(0,0,0,.3);
  --talas-error:#db4240; --talas-success:#37b400; --talas-warning:#ffb400; --talas-info:#06c;
  --talas-alt-bg:#e6f2f8; --talas-content-bg:#fff; --talas-page-bg:#f0f4f7;
  --talas-gradient:linear-gradient(to bottom,rgba(255,255,255,.45) 0,rgba(255,255,255,0) 100%);
  --talas-primary-gradient:linear-gradient(to bottom,rgba(255,255,255,0) 0,rgba(255,255,255,.23) 100%);
  --talas-input-bg:#fff; --talas-elevation:0 1px 3px rgba(0,0,0,.12);
}
/* Bootstrap-like */
[data-talas-theme="bootstrap"] {
  --talas-text:#212529; --talas-text-muted:#6c757d;
  --talas-header-bg:#e9ecef; --talas-header-border:#dee2e6;
  --talas-button-bg:#f8f9fa; --talas-button-border:#ced4da;
  --talas-hover-bg:#e2e6ea; --talas-hover-border:#dae0e5;
  --talas-primary:#0d6efd; --talas-primary-border:#0a58ca; --talas-primary-hover:#0b5ed7;
  --talas-selected:#0d6efd; --talas-selected-text:#fff;
  --talas-focus-shadow:0 0 0 .25rem rgba(13,110,253,.25); --talas-radius:6px;
  --talas-font:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif; --talas-font-size:14px;
  --talas-popup-shadow:0 .5rem 1rem rgba(0,0,0,.15);
  --talas-error:#dc3545; --talas-success:#198754; --talas-warning:#ffc107; --talas-info:#0dcaf0;
  --talas-alt-bg:#f8f9fa; --talas-content-bg:#fff; --talas-page-bg:#f8f9fa;
  --talas-gradient:none; --talas-primary-gradient:none;
  --talas-input-bg:#fff; --talas-elevation:0 2px 4px rgba(0,0,0,.08);
}
/* Material Design */
[data-talas-theme="material"] {
  --talas-text:#212121; --talas-text-muted:#757575;
  --talas-header-bg:#f5f5f5; --talas-header-border:#e0e0e0;
  --talas-button-bg:#fff; --talas-button-border:#e0e0e0;
  --talas-hover-bg:#eeeeee; --talas-hover-border:#bdbdbd;
  --talas-primary:#6200ee; --talas-primary-border:#3700b3; --talas-primary-hover:#7c4dff;
  --talas-selected:#6200ee; --talas-selected-text:#fff;
  --talas-focus-shadow:0 0 0 3px rgba(98,0,238,.25); --talas-radius:4px;
  --talas-font:Roboto,"Segoe UI",Arial,sans-serif; --talas-font-size:14px;
  --talas-popup-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);
  --talas-error:#b00020; --talas-success:#2e7d32; --talas-warning:#f9a825; --talas-info:#0288d1;
  --talas-alt-bg:#fafafa; --talas-content-bg:#fff; --talas-page-bg:#fafafa;
  --talas-gradient:none; --talas-primary-gradient:none;
  --talas-input-bg:#fff; --talas-elevation:0 2px 4px rgba(0,0,0,.14);
}
/* Dark */
[data-talas-theme="dark"] {
  --talas-text:#e8eaed; --talas-text-muted:#9aa0a6;
  --talas-header-bg:#2d2e30; --talas-header-border:#3c4043;
  --talas-button-bg:#3c4043; --talas-button-border:#5f6368;
  --talas-hover-bg:#5f6368; --talas-hover-border:#80868b;
  --talas-primary:#8ab4f8; --talas-primary-border:#669df6; --talas-primary-hover:#aecbfa;
  --talas-selected:#8ab4f8; --talas-selected-text:#202124;
  --talas-focus-shadow:0 0 0 2px rgba(138,180,248,.4); --talas-radius:6px;
  --talas-font:"Segoe UI",system-ui,sans-serif; --talas-font-size:13px;
  --talas-popup-shadow:0 4px 16px rgba(0,0,0,.5);
  --talas-error:#f28b82; --talas-success:#81c995; --talas-warning:#fdd663; --talas-info:#8ab4f8;
  --talas-alt-bg:#292a2d; --talas-content-bg:#202124; --talas-page-bg:#171717;
  --talas-gradient:none; --talas-primary-gradient:none;
  --talas-input-bg:#303134; --talas-elevation:0 2px 8px rgba(0,0,0,.4);
}
/* Purple */
[data-talas-theme="purple"] {
  --talas-text:#2e1a47; --talas-text-muted:#6b5b7a;
  --talas-header-bg:#f3e8ff; --talas-header-border:#e0c3fc;
  --talas-button-bg:#efe0ff; --talas-button-border:#d4b3f5;
  --talas-hover-bg:#d9b3ff; --talas-hover-border:#c084fc;
  --talas-primary:#7c3aed; --talas-primary-border:#6d28d9; --talas-primary-hover:#8b5cf6;
  --talas-selected:#6d28d9; --talas-selected-text:#fff;
  --talas-focus-shadow:inset 0 0 3px 1px #c084fc; --talas-radius:8px;
  --talas-font:"Segoe UI",system-ui,sans-serif; --talas-font-size:13px;
  --talas-popup-shadow:0 8px 24px rgba(109,40,217,.2);
  --talas-error:#e11d48; --talas-success:#16a34a; --talas-warning:#f59e0b; --talas-info:#6366f1;
  --talas-alt-bg:#faf5ff; --talas-content-bg:#fff; --talas-page-bg:#faf5ff;
  --talas-gradient:linear-gradient(to bottom,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);
  --talas-primary-gradient:linear-gradient(135deg,#7c3aed,#a855f7);
  --talas-input-bg:#fff; --talas-elevation:0 2px 8px rgba(124,58,237,.12);
}
/* Green / Teal */
[data-talas-theme="green"] {
  --talas-text:#064e3b; --talas-text-muted:#047857;
  --talas-header-bg:#d1fae5; --talas-header-border:#a7f3d0;
  --talas-button-bg:#ecfdf5; --talas-button-border:#6ee7b7;
  --talas-hover-bg:#6ee7b7; --talas-hover-border:#34d399;
  --talas-primary:#059669; --talas-primary-border:#047857; --talas-primary-hover:#10b981;
  --talas-selected:#047857; --talas-selected-text:#fff;
  --talas-focus-shadow:inset 0 0 3px 1px #6ee7b7; --talas-radius:6px;
  --talas-font:"Segoe UI",system-ui,sans-serif; --talas-font-size:13px;
  --talas-popup-shadow:0 4px 12px rgba(5,150,105,.2);
  --talas-error:#dc2626; --talas-success:#16a34a; --talas-warning:#d97706; --talas-info:#0891b2;
  --talas-alt-bg:#ecfdf5; --talas-content-bg:#fff; --talas-page-bg:#f0fdf4;
  --talas-gradient:linear-gradient(to bottom,rgba(255,255,255,.4) 0,rgba(255,255,255,0) 100%);
  --talas-primary-gradient:linear-gradient(to bottom,rgba(255,255,255,.15) 0,rgba(255,255,255,0) 100%);
  --talas-input-bg:#fff; --talas-elevation:0 2px 6px rgba(5,150,105,.1);
}
/* Orange / Amber */
[data-talas-theme="orange"] {
  --talas-text:#7c2d12; --talas-text-muted:#9a3412;
  --talas-header-bg:#ffedd5; --talas-header-border:#fed7aa;
  --talas-button-bg:#fff7ed; --talas-button-border:#fdba74;
  --talas-hover-bg:#fdba74; --talas-hover-border:#fb923c;
  --talas-primary:#ea580c; --talas-primary-border:#c2410c; --talas-primary-hover:#f97316;
  --talas-selected:#c2410c; --talas-selected-text:#fff;
  --talas-focus-shadow:inset 0 0 3px 1px #fdba74; --talas-radius:8px;
  --talas-font:"Segoe UI",system-ui,sans-serif; --talas-font-size:13px;
  --talas-popup-shadow:0 4px 14px rgba(234,88,12,.2);
  --talas-error:#dc2626; --talas-success:#16a34a; --talas-warning:#f59e0b; --talas-info:#0284c7;
  --talas-alt-bg:#fff7ed; --talas-content-bg:#fff; --talas-page-bg:#fffbeb;
  --talas-gradient:linear-gradient(to bottom,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);
  --talas-primary-gradient:linear-gradient(to bottom,rgba(255,255,255,.2) 0,rgba(255,255,255,0) 100%);
  --talas-input-bg:#fff; --talas-elevation:0 2px 8px rgba(234,88,12,.12);
}
/* Red / Rose */
[data-talas-theme="rose"] {
  --talas-text:#4c0519; --talas-text-muted:#9f1239;
  --talas-header-bg:#ffe4e6; --talas-header-border:#fecdd3;
  --talas-button-bg:#fff1f2; --talas-button-border:#fda4af;
  --talas-hover-bg:#fda4af; --talas-hover-border:#fb7185;
  --talas-primary:#e11d48; --talas-primary-border:#be123c; --talas-primary-hover:#f43f5e;
  --talas-selected:#be123c; --talas-selected-text:#fff;
  --talas-focus-shadow:inset 0 0 3px 1px #fda4af; --talas-radius:10px;
  --talas-font:"Segoe UI",system-ui,sans-serif; --talas-font-size:13px;
  --talas-popup-shadow:0 6px 16px rgba(225,29,72,.18);
  --talas-error:#dc2626; --talas-success:#16a34a; --talas-warning:#f59e0b; --talas-info:#2563eb;
  --talas-alt-bg:#fff1f2; --talas-content-bg:#fff; --talas-page-bg:#fff1f2;
  --talas-gradient:linear-gradient(to bottom,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);
  --talas-primary-gradient:linear-gradient(135deg,#e11d48,#fb7185);
  --talas-input-bg:#fff; --talas-elevation:0 2px 8px rgba(225,29,72,.1);
}