/*
Theme Name: MileMark Directory Theme
Theme URI: https://milemarkmedia.com
Description: Modern law firm directory theme. 20 color schemes, translucent headers, gradient backgrounds, body textures, sidebar accents, glassmorphism effects.
Version: 5.0
Author: MileMark Media
License: Proprietary
Text Domain: milemark-theme
*/

/* ================================================================
   RESET
   ================================================================ */
*,*::before,*::after{box-sizing:border-box}
body,h1,h2,h3,h4,h5,h6,p,figure{margin:0;padding:0}
img{max-width:100%;height:auto;display:block}
a{text-decoration:none;color:inherit}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
html,body{overflow-x:hidden}

/* ================================================================
   20 COLOR SCHEMES
   Each defines header, accents, body, cards, fonts, textures
   ================================================================ */

/* --- 1. Deep Blue --- */
:root,body.mm-scheme-deep-blue{
    --hd:#0f1e3d;--hd-rgb:15,30,61;--ht:#fff;--hh:#3b82f6;--ac:#1e40af;--ac2:#2563eb;--al:#dbeafe;--al2:#eff6ff;
    --bg:#f8f9fb;--bg2:#eef2f7;--card:#fff;--card-rgb:255,255,255;--tx:#1a1a2e;--tx2:#4b5563;--mu:#9ca3af;--bd:#e5e7eb;
    --glow:rgba(59,130,246,.12);--glow2:rgba(30,64,175,.06);
    --grad-body:linear-gradient(180deg,#f8f9fb 0%,#eef2f7 50%,#f8f9fb 100%);
    --grad-accent:linear-gradient(135deg,#0f1e3d,#1e40af);
    --fh:'Merriweather',Georgia,serif;--fb:'Inter',system-ui,sans-serif;
    --tex:url("data:image/svg+xml,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23fff' fill-opacity='.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/svg%3E");
    --body-tex:none;
    --radius:8px;--radius-lg:14px;
    --header-blur:0;--header-alpha:1;--sidebar-accent:var(--ac);
}

/* --- 2. Crimson & Navy --- */
body.mm-scheme-crimson-navy{
    --hd:#1a1a2e;--hd-rgb:26,26,46;--ht:#fff;--hh:#dc2626;--ac:#b91c1c;--ac2:#ef4444;--al:#fde8e8;--al2:#fef2f2;
    --bg:#fafafa;--bg2:#f5f0f0;--card:#fff;--card-rgb:255,255,255;--tx:#1a1a2e;--tx2:#4b5563;--mu:#9ca3af;--bd:#e5e7eb;
    --glow:rgba(220,38,38,.12);--glow2:rgba(185,28,28,.06);
    --grad-body:linear-gradient(180deg,#fafafa 0%,#f5f0f0 50%,#fafafa 100%);
    --grad-accent:linear-gradient(135deg,#1a1a2e,#b91c1c);
    --fh:'Libre Baskerville',Georgia,serif;--fb:'Source Sans 3',system-ui,sans-serif;
    --tex:url("data:image/svg+xml,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23fff' fill-opacity='.03'%3E%3Ccircle cx='3' cy='3' r='1'/%3E%3Ccircle cx='13' cy='13' r='1'/%3E%3C/g%3E%3C/svg%3E");
    --body-tex:none;
    --radius:8px;--radius-lg:14px;
    --header-blur:0;--header-alpha:1;--sidebar-accent:var(--ac);
}

/* --- 3. Charcoal & Teal --- */
body.mm-scheme-charcoal-teal{
    --hd:#1e293b;--hd-rgb:30,41,59;--ht:#fff;--hh:#14b8a6;--ac:#0d9488;--ac2:#2dd4bf;--al:#ccfbf1;--al2:#f0fdfa;
    --bg:#f8fafc;--bg2:#ecf4f0;--card:#fff;--card-rgb:255,255,255;--tx:#1e293b;--tx2:#475569;--mu:#94a3b8;--bd:#e2e8f0;
    --glow:rgba(20,184,166,.12);--glow2:rgba(13,148,136,.06);
    --grad-body:linear-gradient(180deg,#f8fafc 0%,#ecf4f0 50%,#f8fafc 100%);
    --grad-accent:linear-gradient(135deg,#1e293b,#0d9488);
    --fh:'Playfair Display',Georgia,serif;--fb:'DM Sans',system-ui,sans-serif;
    --tex:url("data:image/svg+xml,%3Csvg width='40' height='40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 40L40 0' stroke='%23fff' stroke-opacity='.03' stroke-width='.5'/%3E%3C/svg%3E");
    --body-tex:none;
    --radius:8px;--radius-lg:14px;
    --header-blur:0;--header-alpha:1;--sidebar-accent:var(--ac);
}

/* --- 4. Slate & Gold --- */
body.mm-scheme-slate-gold{
    --hd:#1c1c28;--hd-rgb:28,28,40;--ht:#fff;--hh:#d4a44c;--ac:#b8860b;--ac2:#e6a817;--al:#fef3c7;--al2:#fffbeb;
    --bg:#fafaf8;--bg2:#f2f0e8;--card:#fff;--card-rgb:255,255,255;--tx:#1c1c28;--tx2:#4a4a5a;--mu:#9ca3af;--bd:#e5e5dc;
    --glow:rgba(212,164,76,.15);--glow2:rgba(184,134,11,.08);
    --grad-body:linear-gradient(180deg,#fafaf8 0%,#f2f0e8 50%,#fafaf8 100%);
    --grad-accent:linear-gradient(135deg,#1c1c28,#b8860b);
    --fh:'Cormorant Garamond',Georgia,serif;--fb:'Raleway',system-ui,sans-serif;
    --tex:url("data:image/svg+xml,%3Csvg width='30' height='30' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23fff' fill-opacity='.03'%3E%3Ccircle cx='5' cy='5' r='2'/%3E%3Ccircle cx='20' cy='20' r='1'/%3E%3Ccircle cx='25' cy='8' r='1.5'/%3E%3C/g%3E%3C/svg%3E");
    --body-tex:none;
    --radius:8px;--radius-lg:14px;
    --header-blur:0;--header-alpha:1;--sidebar-accent:var(--ac);
}

/* --- 5. Forest & Copper --- */
body.mm-scheme-forest-copper{
    --hd:#1a2e1a;--hd-rgb:26,46,26;--ht:#e8f0e0;--hh:#c87533;--ac:#2d6a2d;--ac2:#48a148;--al:#d4edda;--al2:#f0f8f0;
    --bg:#f5f8f2;--bg2:#e8f0e0;--card:#fff;--card-rgb:255,255,255;--tx:#1a2e1a;--tx2:#4a6248;--mu:#8a9f88;--bd:#d0dcc8;
    --glow:rgba(200,117,51,.12);--glow2:rgba(45,106,45,.06);
    --grad-body:linear-gradient(180deg,#f5f8f2 0%,#e8f0e0 50%,#f5f8f2 100%);
    --grad-accent:linear-gradient(135deg,#1a2e1a,#c87533);
    --fh:'Lora',Georgia,serif;--fb:'Nunito Sans',system-ui,sans-serif;
    --tex:url("data:image/svg+xml,%3Csvg width='40' height='40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 0v40M0 20h40' stroke='%23fff' stroke-opacity='.025' stroke-width='.4'/%3E%3C/svg%3E");
    --body-tex:url("data:image/svg+xml,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='30' cy='30' r='1' fill='%232d6a2d' fill-opacity='.015'/%3E%3C/svg%3E");
    --radius:10px;--radius-lg:16px;
    --header-blur:0;--header-alpha:1;--sidebar-accent:#c87533;
}

/* --- 6. Midnight Plum --- */
body.mm-scheme-midnight-plum{
    --hd:#1e0a2e;--hd-rgb:30,10,46;--ht:#e8d5f5;--hh:#a855f7;--ac:#7c3aed;--ac2:#a78bfa;--al:#ede9fe;--al2:#f5f3ff;
    --bg:#f9f7fc;--bg2:#efe8f8;--card:#fff;--card-rgb:255,255,255;--tx:#1e0a2e;--tx2:#5b4570;--mu:#9a8aaf;--bd:#ddd4e8;
    --glow:rgba(168,85,247,.12);--glow2:rgba(124,58,237,.06);
    --grad-body:linear-gradient(180deg,#f9f7fc 0%,#efe8f8 50%,#f9f7fc 100%);
    --grad-accent:linear-gradient(135deg,#1e0a2e,#7c3aed);
    --fh:'Crimson Pro',Georgia,serif;--fb:'Outfit',system-ui,sans-serif;
    --tex:url("data:image/svg+xml,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 0L24 12L12 24L0 12Z' fill='none' stroke='%23fff' stroke-opacity='.03' stroke-width='.4'/%3E%3C/svg%3E");
    --body-tex:none;
    --radius:10px;--radius-lg:16px;
    --header-blur:0;--header-alpha:1;--sidebar-accent:var(--ac);
}

/* --- 7. Ocean Breeze --- */
body.mm-scheme-ocean-breeze{
    --hd:#0a2e3d;--hd-rgb:10,46,61;--ht:#d0f0ff;--hh:#22d3ee;--ac:#0891b2;--ac2:#06b6d4;--al:#cffafe;--al2:#ecfeff;
    --bg:#f0f9ff;--bg2:#e0f2fe;--card:#fff;--card-rgb:255,255,255;--tx:#0a2e3d;--tx2:#3a6078;--mu:#78a0b8;--bd:#bae6fd;
    --glow:rgba(34,211,238,.12);--glow2:rgba(8,145,178,.06);
    --grad-body:linear-gradient(180deg,#f0f9ff 0%,#e0f2fe 50%,#f0f9ff 100%);
    --grad-accent:linear-gradient(135deg,#0a2e3d,#0891b2);
    --fh:'Josefin Slab',Georgia,serif;--fb:'Work Sans',system-ui,sans-serif;
    --tex:url("data:image/svg+xml,%3Csvg width='100' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 10 Q25 0 50 10 T100 10' fill='none' stroke='%23fff' stroke-opacity='.04' stroke-width='.5'/%3E%3C/svg%3E");
    --body-tex:none;
    --radius:12px;--radius-lg:18px;
    --header-blur:0;--header-alpha:1;--sidebar-accent:var(--ac);
}

/* --- 8. Obsidian (dark mode) --- */
body.mm-scheme-obsidian{
    --hd:#0a0a0a;--hd-rgb:10,10,10;--ht:#e5e5e5;--hh:#f59e0b;--ac:#d97706;--ac2:#fbbf24;--al:#451a03;--al2:#1c1c1c;
    --bg:#121212;--bg2:#1a1a1a;--card:#1e1e1e;--card-rgb:30,30,30;--tx:#e5e5e5;--tx2:#a3a3a3;--mu:#737373;--bd:#333;
    --glow:rgba(245,158,11,.1);--glow2:rgba(217,119,6,.06);
    --grad-body:linear-gradient(180deg,#121212 0%,#1a1a1a 50%,#121212 100%);
    --grad-accent:linear-gradient(135deg,#0a0a0a,#d97706);
    --fh:'Sora',system-ui,sans-serif;--fb:'Sora',system-ui,sans-serif;
    --tex:url("data:image/svg+xml,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='20' height='20' fill='none' stroke='%23fff' stroke-opacity='.04' stroke-width='.3'/%3E%3C/svg%3E");
    --body-tex:url("data:image/svg+xml,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='20' height='20' fill='none' stroke='%23fff' stroke-opacity='.02' stroke-width='.2'/%3E%3C/svg%3E");
    --radius:8px;--radius-lg:12px;
    --header-blur:0;--header-alpha:1;--sidebar-accent:var(--ac);
}

/* --- 9. Warm Terracotta --- */
body.mm-scheme-terracotta{
    --hd:#2c1810;--hd-rgb:44,24,16;--ht:#fef0e6;--hh:#f59e6b;--ac:#c2703c;--ac2:#e8854a;--al:#fde8d0;--al2:#fef7ee;
    --bg:#fdf8f4;--bg2:#f8ede3;--card:#fff;--card-rgb:255,255,255;--tx:#2c1810;--tx2:#6b4f3e;--mu:#a08878;--bd:#e8d8c8;
    --glow:rgba(245,158,107,.15);--glow2:rgba(194,112,60,.08);
    --grad-body:linear-gradient(135deg,#fdf8f4 0%,#f8ede3 40%,#fef7ee 100%);
    --grad-accent:linear-gradient(135deg,#9a4a20,#e8854a);
    --fh:'Bitter',Georgia,serif;--fb:'Karla',system-ui,sans-serif;
    --tex:url("data:image/svg+xml,%3Csvg width='80' height='80' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='40' cy='40' r='20' fill='none' stroke='%23fff' stroke-opacity='.025'/%3E%3C/svg%3E");
    --body-tex:url("data:image/svg+xml,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='30' cy='30' r='1' fill='%23c2703c' fill-opacity='.02'/%3E%3C/svg%3E");
    --radius:8px;--radius-lg:14px;
    --header-blur:0;--header-alpha:1;--sidebar-accent:var(--ac);
}

/* --- 10. Arctic Steel --- */
body.mm-scheme-arctic-steel{
    --hd:#1b2838;--hd-rgb:27,40,56;--ht:#cad5e2;--hh:#64b5f6;--ac:#3a7cc2;--ac2:#5c9ee0;--al:#d6eaf8;--al2:#eaf4fc;
    --bg:#edf2f7;--bg2:#dfe6ee;--card:#f7fafc;--card-rgb:247,250,252;--tx:#1b2838;--tx2:#4a5e72;--mu:#8a9bb0;--bd:#c8d6e0;
    --glow:rgba(100,181,246,.12);--glow2:rgba(58,124,194,.06);
    --grad-body:linear-gradient(180deg,#edf2f7 0%,#dfe6ee 50%,#eaf4fc 100%);
    --grad-accent:linear-gradient(135deg,#1b2838,#3a7cc2);
    --fh:'IBM Plex Serif',Georgia,serif;--fb:'IBM Plex Sans',system-ui,sans-serif;
    --tex:url("data:image/svg+xml,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='20' height='20' fill='none' stroke='%23fff' stroke-opacity='.04' stroke-width='.3'/%3E%3C/svg%3E");
    --body-tex:url("data:image/svg+xml,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='20' height='20' fill='none' stroke='%233a7cc2' stroke-opacity='.02' stroke-width='.3'/%3E%3C/svg%3E");
    --radius:6px;--radius-lg:10px;
    --header-blur:0;--header-alpha:1;--sidebar-accent:var(--ac);
}

/* --- 11. Noir Ember (dark mode) --- */
body.mm-scheme-noir-ember{
    --hd:#0d0d0d;--hd-rgb:13,13,13;--ht:#f0e0d0;--hh:#f97316;--ac:#ea580c;--ac2:#fb923c;--al:#431407;--al2:#1a1210;
    --bg:#141210;--bg2:#1c1816;--card:#1e1a18;--card-rgb:30,26,24;--tx:#f0e0d0;--tx2:#c8a888;--mu:#8a7060;--bd:#3a3230;
    --glow:rgba(249,115,22,.1);--glow2:rgba(234,88,12,.06);
    --grad-body:linear-gradient(180deg,#141210 0%,#1c1816 50%,#141210 100%);
    --grad-accent:linear-gradient(135deg,#0d0d0d,#ea580c);
    --fh:'Spectral',Georgia,serif;--fb:'Rubik',system-ui,sans-serif;
    --tex:url("data:image/svg+xml,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23fff' fill-opacity='.02'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/svg%3E");
    --body-tex:none;
    --radius:6px;--radius-lg:10px;
    --header-blur:0;--header-alpha:1;--sidebar-accent:var(--ac);
}

/* --- 12. Sage & Ivory --- */
body.mm-scheme-sage-ivory{
    --hd:#2a3a2a;--hd-rgb:42,58,42;--ht:#f0f5ee;--hh:#86a97e;--ac:#5a8052;--ac2:#78a870;--al:#e0eedc;--al2:#f0f5ee;
    --bg:#f5f5f0;--bg2:#eceee8;--card:#fdfdf8;--card-rgb:253,253,248;--tx:#2a3a2a;--tx2:#5a6a5a;--mu:#8a988a;--bd:#d0d8c8;
    --glow:rgba(134,169,126,.12);--glow2:rgba(90,128,82,.06);
    --grad-body:linear-gradient(180deg,#f5f5f0 0%,#eceee8 50%,#f5f5f0 100%);
    --grad-accent:linear-gradient(135deg,#2a3a2a,#5a8052);
    --fh:'Cardo',Georgia,serif;--fb:'Poppins',system-ui,sans-serif;
    --tex:url("data:image/svg+xml,%3Csvg width='50' height='50' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='25' cy='25' r='15' fill='none' stroke='%23fff' stroke-opacity='.025' stroke-width='.4'/%3E%3C/svg%3E");
    --body-tex:none;
    --radius:10px;--radius-lg:16px;
    --header-blur:0;--header-alpha:1;--sidebar-accent:var(--ac);
}

/* --- 13. Burgundy & Brass --- */
body.mm-scheme-burgundy-brass{
    --hd:#2a0e1a;--hd-rgb:42,14,26;--ht:#f8e8ee;--hh:#c9a84c;--ac:#7a2040;--ac2:#a03058;--al:#fce4ec;--al2:#fdf2f5;
    --bg:#faf6f4;--bg2:#f2e8e4;--card:#fff;--card-rgb:255,255,255;--tx:#2a0e1a;--tx2:#6a4050;--mu:#a0808a;--bd:#e0d0d4;
    --glow:rgba(201,168,76,.15);--glow2:rgba(122,32,64,.08);
    --grad-body:linear-gradient(135deg,#faf6f4 0%,#f2e8e4 40%,#fdf2f5 100%);
    --grad-accent:linear-gradient(135deg,#2a0e1a,#c9a84c);
    --fh:'Bodoni Moda',Georgia,serif;--fb:'Jost',system-ui,sans-serif;
    --tex:url("data:image/svg+xml,%3Csvg width='40' height='40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0L40 40M40 0L0 40' stroke='%23fff' stroke-opacity='.02' stroke-width='.4'/%3E%3C/svg%3E");
    --body-tex:none;
    --radius:6px;--radius-lg:12px;
    --header-blur:0;--header-alpha:1;--sidebar-accent:#c9a84c;
}

/* --- 14. Storm Cloud --- */
body.mm-scheme-storm-cloud{
    --hd:#1a1e28;--hd-rgb:26,30,40;--ht:#c8d0e0;--hh:#818cf8;--ac:#4f46e5;--ac2:#6366f1;--al:#e0e7ff;--al2:#eef2ff;
    --bg:#f0f0f5;--bg2:#e4e4ee;--card:#fafaff;--card-rgb:250,250,255;--tx:#1a1e28;--tx2:#4a4e68;--mu:#8888a8;--bd:#d0d0e0;
    --glow:rgba(129,140,248,.12);--glow2:rgba(79,70,229,.06);
    --grad-body:linear-gradient(180deg,#f0f0f5 0%,#e4e4ee 50%,#f0f0f5 100%);
    --grad-accent:linear-gradient(135deg,#1a1e28,#4f46e5);
    --fh:'Fraunces',Georgia,serif;--fb:'Space Grotesk',system-ui,sans-serif;
    --tex:url("data:image/svg+xml,%3Csvg width='30' height='30' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='15' cy='15' r='8' fill='none' stroke='%23fff' stroke-opacity='.03' stroke-width='.3'/%3E%3Ccircle cx='15' cy='15' r='3' fill='none' stroke='%23fff' stroke-opacity='.02' stroke-width='.3'/%3E%3C/svg%3E");
    --body-tex:none;
    --radius:10px;--radius-lg:16px;
    --header-blur:0;--header-alpha:1;--sidebar-accent:var(--ac);
}

/* --- 15. Desert Sand --- */
body.mm-scheme-desert-sand{
    --hd:#3a2a1a;--hd-rgb:58,42,26;--ht:#f8f0e0;--hh:#e8c060;--ac:#a07830;--ac2:#c89840;--al:#fdf5e0;--al2:#fefcf4;
    --bg:#faf8f2;--bg2:#f2ece0;--card:#fffefa;--card-rgb:255,254,250;--tx:#3a2a1a;--tx2:#6a5a48;--mu:#a09080;--bd:#e0d8c8;
    --glow:rgba(232,192,96,.15);--glow2:rgba(160,120,48,.08);
    --grad-body:linear-gradient(180deg,#faf8f2 0%,#f2ece0 50%,#faf8f2 100%);
    --grad-accent:linear-gradient(135deg,#3a2a1a,#a07830);
    --fh:'Vollkorn',Georgia,serif;--fb:'Cabin',system-ui,sans-serif;
    --tex:url("data:image/svg+xml,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 30 Q15 20 30 30 T60 30' fill='none' stroke='%23fff' stroke-opacity='.03' stroke-width='.4'/%3E%3C/svg%3E");
    --body-tex:url("data:image/svg+xml,%3Csvg width='40' height='40' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='20' cy='20' r='.6' fill='%23a07830' fill-opacity='.02'/%3E%3C/svg%3E");
    --radius:8px;--radius-lg:14px;
    --header-blur:0;--header-alpha:1;--sidebar-accent:#e8c060;
}

/* --- 16. Cobalt Chrome --- */
body.mm-scheme-cobalt-chrome{
    --hd:#0a1628;--hd-rgb:10,22,40;--ht:#d0e0f8;--hh:#60a5fa;--ac:#2563eb;--ac2:#3b82f6;--al:#dbeafe;--al2:#eff6ff;
    --bg:#f0f4fa;--bg2:#dce4f0;--card:#f8faff;--card-rgb:248,250,255;--tx:#0a1628;--tx2:#3a4e68;--mu:#7888a0;--bd:#c0d0e0;
    --glow:rgba(96,165,250,.12);--glow2:rgba(37,99,235,.06);
    --grad-body:linear-gradient(180deg,#f0f4fa 0%,#dce4f0 50%,#f0f4fa 100%);
    --grad-accent:linear-gradient(135deg,#0a1628,#2563eb);
    --fh:'Noto Serif',Georgia,serif;--fb:'Noto Sans',system-ui,sans-serif;
    --tex:url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='1' cy='1' r='.5' fill='%23fff' fill-opacity='.04'/%3E%3C/svg%3E");
    --body-tex:none;
    --radius:6px;--radius-lg:10px;
    --header-blur:0;--header-alpha:1;--sidebar-accent:var(--ac);
}

/* --- 17. Twilight Violet (dark mode) --- */
body.mm-scheme-twilight-violet{
    --hd:#0e0818;--hd-rgb:14,8,24;--ht:#d8c8f0;--hh:#c084fc;--ac:#9333ea;--ac2:#a855f7;--al:#3b0764;--al2:#1a0e28;
    --bg:#14101e;--bg2:#1c1828;--card:#1e1a28;--card-rgb:30,26,40;--tx:#d8c8f0;--tx2:#a898c0;--mu:#786888;--bd:#3a3048;
    --glow:rgba(192,132,252,.1);--glow2:rgba(147,51,234,.06);
    --grad-body:linear-gradient(180deg,#14101e 0%,#1c1828 50%,#14101e 100%);
    --grad-accent:linear-gradient(135deg,#0e0818,#9333ea);
    --fh:'Tenor Sans',system-ui,sans-serif;--fb:'Tenor Sans',system-ui,sans-serif;
    --tex:url("data:image/svg+xml,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 0L24 12L12 24L0 12Z' fill='none' stroke='%23fff' stroke-opacity='.025' stroke-width='.3'/%3E%3C/svg%3E");
    --body-tex:url("data:image/svg+xml,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='.4' fill='%239333ea' fill-opacity='.03'/%3E%3C/svg%3E");
    --radius:10px;--radius-lg:16px;
    --header-blur:0;--header-alpha:1;--sidebar-accent:var(--ac);
}

/* --- 18. Rose Quartz --- */
body.mm-scheme-rose-quartz{
    --hd:#2e1420;--hd-rgb:46,20,32;--ht:#fce4ec;--hh:#f472b6;--ac:#db2777;--ac2:#ec4899;--al:#fce7f3;--al2:#fdf2f8;
    --bg:#fdf2f6;--bg2:#fce4ec;--card:#fff;--card-rgb:255,255,255;--tx:#2e1420;--tx2:#6a4058;--mu:#a07888;--bd:#f0d0dc;
    --glow:rgba(244,114,182,.12);--glow2:rgba(219,39,119,.06);
    --grad-body:linear-gradient(135deg,#fdf2f6 0%,#fce4ec 40%,#fdf2f8 100%);
    --grad-accent:linear-gradient(135deg,#2e1420,#db2777);
    --fh:'Cormorant',Georgia,serif;--fb:'Quicksand',system-ui,sans-serif;
    --tex:url("data:image/svg+xml,%3Csvg width='40' height='40' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='20' cy='20' r='12' fill='none' stroke='%23fff' stroke-opacity='.03' stroke-width='.3'/%3E%3C/svg%3E");
    --body-tex:none;
    --radius:12px;--radius-lg:18px;
    --header-blur:0;--header-alpha:1;--sidebar-accent:var(--ac);
}

/* --- 19. Carbon Lime --- */
body.mm-scheme-carbon-lime{
    --hd:#101810;--hd-rgb:16,24,16;--ht:#d0f0c0;--hh:#84cc16;--ac:#65a30d;--ac2:#84cc16;--al:#ecfccb;--al2:#f7fee7;
    --bg:#f4f8f0;--bg2:#e8f0e0;--card:#fafcf8;--card-rgb:250,252,248;--tx:#101810;--tx2:#3a4830;--mu:#708060;--bd:#c8d8b8;
    --glow:rgba(132,204,22,.12);--glow2:rgba(101,163,13,.06);
    --grad-body:linear-gradient(180deg,#f4f8f0 0%,#e8f0e0 50%,#f4f8f0 100%);
    --grad-accent:linear-gradient(135deg,#101810,#65a30d);
    --fh:'Alegreya',Georgia,serif;--fb:'Figtree',system-ui,sans-serif;
    --tex:url("data:image/svg+xml,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 20L20 0' stroke='%23fff' stroke-opacity='.03' stroke-width='.3'/%3E%3C/svg%3E");
    --body-tex:none;
    --radius:8px;--radius-lg:12px;
    --header-blur:0;--header-alpha:1;--sidebar-accent:var(--ac);
}

/* --- 20. Graphite Pearl --- */
body.mm-scheme-graphite-pearl{
    --hd:#1a1a1a;--hd-rgb:26,26,26;--ht:#e8e8e8;--hh:#a0a0a0;--ac:#505050;--ac2:#707070;--al:#e0e0e0;--al2:#f0f0f0;
    --bg:#f2f2f0;--bg2:#e8e8e4;--card:#fafaf8;--card-rgb:250,250,248;--tx:#1a1a1a;--tx2:#4a4a4a;--mu:#8a8a8a;--bd:#d0d0cc;
    --glow:rgba(160,160,160,.1);--glow2:rgba(80,80,80,.05);
    --grad-body:linear-gradient(180deg,#f2f2f0 0%,#e8e8e4 50%,#f2f2f0 100%);
    --grad-accent:linear-gradient(135deg,#1a1a1a,#505050);
    --fh:'EB Garamond',Georgia,serif;--fb:'Manrope',system-ui,sans-serif;
    --tex:url("data:image/svg+xml,%3Csvg width='30' height='30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 0v30M0 15h30' stroke='%23fff' stroke-opacity='.03' stroke-width='.2'/%3E%3C/svg%3E");
    --body-tex:url("data:image/svg+xml,%3Csvg width='4' height='4' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='4' height='4' fill='%23808080' fill-opacity='.015'/%3E%3Crect x='1' y='1' width='2' height='2' fill='%23fff' fill-opacity='.01'/%3E%3C/svg%3E");
    --radius:6px;--radius-lg:10px;
    --header-blur:0;--header-alpha:1;--sidebar-accent:var(--ac);
}

/* ================================================================
   BASE TYPOGRAPHY
   ================================================================ */
body{
    font-family:var(--fb);font-size:17px;line-height:1.7;color:var(--tx);
    background:var(--bg);background-image:var(--body-tex);
    min-height:100vh;display:flex;flex-direction:column;
    -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4,h5,h6{font-family:var(--fh);color:var(--tx);line-height:1.3;font-weight:700}
h1{font-size:2em;margin-bottom:.4em}
h2{font-size:1.5em;margin-bottom:.3em}
h3{font-size:1.2em;margin-bottom:.2em}
p{margin-bottom:1em;color:var(--tx2)}
a{color:var(--ac);transition:color .2s}
a:hover{color:var(--ac2)}

/* ================================================================
   HEADER — base
   ================================================================ */
.mm-hd{
    background:rgba(var(--hd-rgb),var(--header-alpha));
    background-image:var(--tex);
    color:var(--ht);
    padding:0 32px;
    position:sticky;top:0;z-index:1000;
    transition:background .3s,box-shadow .3s,backdrop-filter .3s;
    box-shadow:0 1px 3px rgba(0,0,0,.1);
}
.mm-hd-inner{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;min-height:68px}
.mm-logo a{display:flex;align-items:center}
.mm-logo img{height:48px;width:auto}
.mm-logo .site-title{font-family:var(--fh);font-size:1.3em;font-weight:700;color:var(--ht)}

/* Desktop nav */
.mm-nav{display:flex;gap:4px;list-style:none;margin:0;padding:0}
.mm-nav li{position:relative}
.mm-nav a{color:var(--ht);padding:8px 14px;border-radius:6px;font-size:.92em;font-weight:500;transition:all .2s;display:block;white-space:nowrap}
.mm-nav a:hover,.mm-nav .current-menu-item>a,.mm-nav .current_page_item>a{color:var(--hh);background:rgba(255,255,255,.08)}

/* Dropdown */
.mm-nav .sub-menu,.mm-nav .children{display:none;position:absolute;top:100%;left:0;background:var(--hd);border-radius:8px;min-width:200px;padding:6px 0;box-shadow:0 8px 30px rgba(0,0,0,.2);z-index:999;list-style:none}
.mm-nav li:hover>.sub-menu,.mm-nav li:hover>.children{display:block}
.mm-nav .sub-menu a,.mm-nav .children a{padding:8px 18px;border-radius:0;font-size:.88em}
.mm-nav .sub-menu a:hover,.mm-nav .children a:hover{background:rgba(255,255,255,.06)}

/* Hamburger */
.mm-burg{display:none;background:none;border:none;cursor:pointer;padding:8px;color:var(--ht)}
.mm-burg svg{width:26px;height:26px}

/* Mobile overlay */
.mm-mobile-overlay{position:fixed;inset:0;background:rgba(var(--hd-rgb),.97);background-image:var(--tex);z-index:9999;display:flex;flex-direction:column;align-items:center;padding:80px 20px 40px;overflow-y:auto}
.mm-mobile-overlay .mm-close{position:absolute;top:16px;right:20px;background:none;border:none;color:var(--ht);font-size:32px;cursor:pointer;padding:8px}
.mm-mobile-overlay a{color:var(--ht);font-size:1.2em;padding:14px 24px;display:block;text-align:center;border-radius:8px;transition:background .2s;width:100%;max-width:400px}
.mm-mobile-overlay a:hover{background:rgba(255,255,255,.08)}

/* ================================================================
   HEADER STYLE MODIFIERS (via body class)
   ================================================================ */

/* Glass / translucent */
body.mm-header-glass .mm-hd{
    --header-alpha:.75;
    -webkit-backdrop-filter:blur(20px) saturate(1.5);
    backdrop-filter:blur(20px) saturate(1.5);
    border-bottom:1px solid rgba(255,255,255,.08);
    box-shadow:0 4px 30px rgba(0,0,0,.12);
}

/* Gradient band */
body.mm-header-gradient .mm-hd{
    background:var(--grad-accent);
    background-image:var(--tex);
}

/* Floating / detached */
body.mm-header-float .mm-hd{
    margin:12px 20px 0;
    border-radius:var(--radius-lg);
    box-shadow:0 8px 32px rgba(0,0,0,.15);
}

/* Gradient underline */
body.mm-header-underline .mm-hd{
    box-shadow:none;
    border-bottom:3px solid transparent;
    border-image:var(--grad-accent) 1;
}

/* ================================================================
   BODY BACKGROUND MODIFIERS
   ================================================================ */
body.mm-body-gradient{background:var(--grad-body)}
body.mm-body-textured{background-color:var(--bg);background-image:var(--body-tex)}
body.mm-body-mesh{
    background:var(--bg);
    background-image:
        radial-gradient(ellipse at 20% 50%,var(--glow) 0%,transparent 50%),
        radial-gradient(ellipse at 80% 20%,var(--glow2) 0%,transparent 50%),
        radial-gradient(ellipse at 50% 80%,var(--glow) 0%,transparent 50%);
}
body.mm-body-grain{background-color:var(--bg)}
body.mm-body-grain::after{
    content:'';position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.06;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E");
}

/* ================================================================
   SIDEBAR ACCENT MODIFIERS
   ================================================================ */
body.mm-sidebar-left .mm-main::before{
    content:'';position:fixed;top:0;left:0;width:4px;height:100vh;
    background:var(--grad-accent);z-index:99;
}
body.mm-sidebar-right .mm-main::after{
    content:'';position:fixed;top:0;right:0;width:4px;height:100vh;
    background:var(--grad-accent);z-index:99;
}
body.mm-sidebar-both .mm-main::before,body.mm-sidebar-both .mm-main::after{
    content:'';position:fixed;top:0;width:4px;height:100vh;
    background:var(--grad-accent);z-index:99;
}
body.mm-sidebar-both .mm-main::before{left:0}
body.mm-sidebar-both .mm-main::after{right:0}
body.mm-sidebar-glow .mm-main::before{
    content:'';position:fixed;top:0;left:0;width:6px;height:100vh;
    background:var(--grad-accent);z-index:99;
    box-shadow:0 0 20px var(--glow),0 0 60px var(--glow2);
}

/* ================================================================
   MAIN CONTENT
   ================================================================ */
.mm-main{max-width:1200px;margin:0 auto;padding:40px 32px;flex:1;position:relative;z-index:1}
.mm-content-area{padding:32px 0 48px}

/* ================================================================
   CARDS — base
   ================================================================ */
.mm-post-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}
.mm-post-card{
    background:var(--card);border:1px solid var(--bd);border-radius:var(--radius-lg);overflow:hidden;
    transition:transform .25s ease,box-shadow .25s ease;position:relative;
}
.mm-post-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--grad-accent);opacity:0;transition:opacity .25s}
.mm-post-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px var(--glow),0 4px 12px rgba(0,0,0,.06)}
.mm-post-card:hover::after{opacity:1}
.mm-post-card img{width:100%;height:200px;object-fit:cover}
.mm-post-card-body{padding:20px}
.mm-post-card-body h3{margin-bottom:8px}
.mm-post-card-body h3 a{color:var(--tx)}
.mm-post-card-body h3 a:hover{color:var(--ac)}
.mm-post-card-body p{font-size:.92em;color:var(--tx2);margin-bottom:12px}
.mm-btn{display:inline-block;padding:10px 22px;background:var(--ac);color:#fff;border-radius:var(--radius);font-weight:600;font-size:.9em;transition:all .2s}
.mm-btn:hover{background:var(--ac2);color:#fff;transform:translateY(-1px)}

/* ================================================================
   CARD STYLE MODIFIERS (via body class)
   ================================================================ */
body.mm-cards-glass .mm-post-card{
    background:rgba(var(--card-rgb),.6);
    -webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);
    border:1px solid rgba(255,255,255,.15);
}
body.mm-cards-elevated .mm-post-card{border:none;box-shadow:0 4px 20px rgba(0,0,0,.08)}
body.mm-cards-elevated .mm-post-card:hover{box-shadow:0 16px 48px var(--glow),0 8px 20px rgba(0,0,0,.1)}
body.mm-cards-bordered .mm-post-card{border-left:4px solid var(--ac)}

/* ================================================================
   SINGLE POST / PAGE
   ================================================================ */
.mm-page-content{max-width:800px;margin:0 auto;padding:40px 0}
.mm-page-content img{border-radius:var(--radius)}
.mm-single-post{max-width:800px;margin:0 auto;padding:40px 0}
.mm-single-post .entry-meta{color:var(--mu);font-size:.88em;margin-bottom:20px}

/* ================================================================
   FOOTER
   ================================================================ */
.mm-ft{
    background:rgba(var(--hd-rgb),1);background-image:var(--tex);
    color:var(--mu);padding:32px;font-size:.88em;margin-top:auto;
}
.mm-ft-inner{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}
.mm-ft a{color:var(--ht);opacity:.7;transition:opacity .2s}
.mm-ft a:hover{opacity:1}

/* ================================================================
   DIRECTORY PLUGIN — full width
   ================================================================ */
body.post-type-archive-mm_listing .mm-main,
body.tax-mm_category .mm-main,
body.single-mm_listing .mm-main{max-width:100%;padding:0}

/* ================================================================
   RESPONSIVE
   ================================================================ */
@media(max-width:768px){
    .mm-nav{display:none}
    .mm-burg{display:block}
    .mm-hd{padding:0 16px}
    .mm-main{padding:24px 16px}
    .mm-post-list{grid-template-columns:1fr}
    .mm-ft-inner{flex-direction:column;text-align:center}
    body.mm-header-float .mm-hd{margin:8px 10px 0;border-radius:12px}
    body.mm-sidebar-left .mm-main::before,body.mm-sidebar-right .mm-main::after,body.mm-sidebar-both .mm-main::before,body.mm-sidebar-both .mm-main::after,body.mm-sidebar-glow .mm-main::before{display:none}
}
@media(max-width:480px){
    body{font-size:16px}
    .mm-hd{padding:0 12px}
    .mm-content-area{padding:20px 0 32px}
    h1{font-size:1.5em}
    .mm-mobile-overlay a{padding:14px 24px;font-size:1em}
    .mm-btn{padding:12px 20px;width:100%;text-align:center}
}

/* ================================================================
   PRINT
   ================================================================ */
@media print{
    .mm-hd,.mm-ft,.mm-burg,.mm-mobile-overlay{display:none!important}
    body{background:#fff!important;color:#000!important}
    .mm-main{max-width:100%!important;padding:0!important}
}