/* Site-wide preview themes. Default (no data-theme) is unchanged in style.css :root. */
html[data-theme],body[data-theme]{color:var(--ink);background:var(--bg);font-family:var(--font)}
h1,h2,h3,.land-title,.net-title,.big,.cf-logo,.land-brand{font-family:var(--font-display)}

/* Light themes: invert the white wordmark so it stays legible. */
html[data-theme="clean-white"] .logo img,
body[data-theme="clean-white"] .logo img{filter:invert(1)}

/* 1 — Neon Lime (current) */
html[data-theme="neon-lime"],body[data-theme="neon-lime"]{
  --bg:#07080f;--bg2:#0d0f1c;--ink:#f4f6fb;--mute:#9aa1b8;--dim:#646b85;
  --line:rgba(255,255,255,.09);--glass:rgba(255,255,255,.045);
  --lime:#c8ff2e;--lime2:#9be800;--mag:#ff2e9a;
  --accent:var(--lime);--accent-2:var(--lime2);
  --accent-rgb:200,255,46;--accent-2-rgb:155,232,0;--mag-rgb:255,46,154;
  --bg-rgb:7,8,15;--ink-rgb:244,246,251;
  --on-accent:#07080f;
  --grad-mid:#7affd2;--grad-end:#2ee6ff;--grad-end-rgb:46,230,255;
  --grad:linear-gradient(100deg,var(--lime) 0%,var(--grad-mid) 48%,var(--grad-end) 100%);
  --grad-btn:linear-gradient(135deg,var(--lime),var(--lime2));
  --btn-radius:999px;--radius-pill:999px;--r:22px;--radius-panel:18px;--radius-panel-lg:20px;--radius-input:14px;--radius-card-lg:22px;--radius-nav:12px;--radius-soc:12px;--radius-panel:18px;--radius-panel-lg:20px;--radius-input:14px;--radius-card-lg:28px;--radius-nav:12px;--radius-soc:12px;
  --btn-shadow:0 10px 34px -8px rgba(var(--accent-rgb),.55);
  --btn-shadow-hover:0 16px 44px -8px rgba(var(--accent-rgb),.75);
  --nav-bg:rgba(var(--bg-rgb),.65);--input-bg:rgba(var(--bg-rgb),.6);
  --surface:var(--glass);--danger:#ff3b3b;
  --feat-a:var(--lime);--feat-b:var(--grad-mid);--feat-c:#e4ae39;--feat-d:var(--mag);
  --feat-e:var(--grad-end);--feat-f:var(--ink);
  --font:"Avenir Next","Montserrat","Segoe UI",system-ui,sans-serif;
  --font-display:var(--font);
}

/* 2 — Altın Lüks */
html[data-theme="gold-luxury"],body[data-theme="gold-luxury"]{
  --bg:#0b0906;--bg2:#16120a;--ink:#f6edd4;--mute:#c4b48a;--dim:#8a7d5c;
  --line:rgba(212,175,55,.18);--glass:rgba(212,175,55,.06);
  --lime:#e8c872;--lime2:#c9a227;--mag:#c9a227;
  --accent:#e8c872;--accent-2:#c9a227;
  --accent-rgb:232,200,114;--accent-2-rgb:201,162,39;--mag-rgb:201,162,39;
  --bg-rgb:11,9,6;--ink-rgb:246,237,212;
  --on-accent:#140f08;
  --grad-mid:#f3e2b0;--grad-end:#d4af37;--grad-end-rgb:212,175,55;
  --grad:linear-gradient(100deg,#f6e7b2 0%,#e8c872 45%,#a67c00 100%);
  --grad-btn:linear-gradient(135deg,#f0d78c,#c9a227);
  --btn-radius:999px;--radius-pill:999px;--r:20px;--radius-panel:18px;--radius-panel-lg:20px;--radius-input:14px;--radius-card-lg:24px;--radius-nav:12px;--radius-soc:12px;
  --btn-shadow:0 10px 34px -8px rgba(var(--accent-rgb),.45);
  --btn-shadow-hover:0 16px 44px -8px rgba(var(--accent-rgb),.65);
  --nav-bg:rgba(var(--bg-rgb),.72);--input-bg:rgba(var(--bg-rgb),.7);
  --surface:var(--glass);--danger:#c45c4a;
  --feat-a:#e8c872;--feat-b:#f3e2b0;--feat-c:#d4af37;--feat-d:#a67c00;
  --feat-e:#f6edd4;--feat-f:#f6edd4;
  --font:"Cormorant Garamond","Libre Baskerville","Times New Roman",serif;
  --font-display:"Cinzel","Playfair Display","Times New Roman",serif;
}

/* 3 — Kızıl Sokak */
html[data-theme="crimson-street"],body[data-theme="crimson-street"]{
  --bg:#100608;--bg2:#1a0a0e;--ink:#f7ecec;--mute:#c9a3a8;--dim:#8a646c;
  --line:rgba(255,50,60,.16);--glass:rgba(255,40,50,.06);
  --lime:#ff2d3a;--lime2:#c8102e;--mag:#ff6b4a;
  --accent:#ff2d3a;--accent-2:#c8102e;
  --accent-rgb:255,45,58;--accent-2-rgb:200,16,46;--mag-rgb:255,107,74;
  --bg-rgb:16,6,8;--ink-rgb:247,236,236;
  --on-accent:#140406;
  --grad-mid:#ff6b4a;--grad-end:#ffb347;--grad-end-rgb:255,179,71;
  --grad:linear-gradient(100deg,#ff4d58 0%,#ff2d3a 50%,#ff8a3d 100%);
  --grad-btn:linear-gradient(135deg,#ff3b47,#c8102e);
  --btn-radius:8px;--radius-pill:8px;--r:12px;--radius-panel:12px;--radius-panel-lg:12px;--radius-input:8px;--radius-card-lg:12px;--radius-nav:8px;--radius-soc:8px;
  --btn-shadow:0 10px 34px -8px rgba(var(--accent-rgb),.5);
  --btn-shadow-hover:0 16px 44px -8px rgba(var(--accent-rgb),.7);
  --nav-bg:rgba(var(--bg-rgb),.72);--input-bg:rgba(var(--bg-rgb),.7);
  --surface:var(--glass);--danger:#ff2d3a;
  --feat-a:#ff2d3a;--feat-b:#ff6b4a;--feat-c:#ffb347;--feat-d:#c8102e;
  --feat-e:#ff8a3d;--feat-f:#f7ecec;
  --font:"Barlow Condensed","Oswald","Segoe UI",sans-serif;
  --font-display:"Anton","Oswald","Impact",sans-serif;
}

/* 4 — Buz Krom */
html[data-theme="ice-chrome"],body[data-theme="ice-chrome"]{
  --bg:#0a0e14;--bg2:#121821;--ink:#eef3f8;--mute:#9aafc2;--dim:#6a7d90;
  --line:rgba(180,200,220,.16);--glass:rgba(180,210,230,.06);
  --lime:#c5d4e2;--lime2:#8ea4b8;--mag:#7ec8e8;
  --accent:#c5d4e2;--accent-2:#8ea4b8;
  --accent-rgb:197,212,226;--accent-2-rgb:142,164,184;--mag-rgb:126,200,232;
  --bg-rgb:10,14,20;--ink-rgb:238,243,248;
  --on-accent:#0b1016;
  --grad-mid:#e8eef4;--grad-end:#7eb6d4;--grad-end-rgb:126,182,212;
  --grad:linear-gradient(100deg,#f2f6fa 0%,#c5d4e2 48%,#7eb6d4 100%);
  --grad-btn:linear-gradient(135deg,#e4ebf2,#9aafc2);
  --btn-radius:10px;--radius-pill:999px;--r:16px;--radius-panel:16px;--radius-panel-lg:16px;--radius-input:10px;--radius-card-lg:16px;--radius-nav:10px;--radius-soc:10px;
  --btn-shadow:0 10px 34px -8px rgba(197,212,226,.35);
  --btn-shadow-hover:0 16px 44px -8px rgba(197,212,226,.5);
  --nav-bg:rgba(var(--bg-rgb),.7);--input-bg:rgba(var(--bg-rgb),.7);
  --surface:var(--glass);--danger:#ff5a6a;
  --feat-a:#c5d4e2;--feat-b:#e8eef4;--feat-c:#7eb6d4;--feat-d:#8ea4b8;
  --feat-e:#a8c4d8;--feat-f:#eef3f8;
  --font:"Rajdhani","Chakra Petch","Segoe UI",sans-serif;
  --font-display:"Orbitron","Rajdhani","Segoe UI",sans-serif;
}

/* 5 — Mor Gece */
html[data-theme="purple-night"],body[data-theme="purple-night"]{
  --bg:#10061c;--bg2:#1a0a2e;--ink:#f4ecff;--mute:#b8a0d8;--dim:#7d649e;
  --line:rgba(199,125,255,.18);--glass:rgba(180,80,255,.07);
  --lime:#c77dff;--lime2:#9b4dff;--mag:#ff4ecd;
  --accent:#c77dff;--accent-2:#5ce1e6;
  --accent-rgb:199,125,255;--accent-2-rgb:92,225,230;--mag-rgb:255,78,205;
  --bg-rgb:16,6,28;--ink-rgb:244,236,255;
  --on-accent:#14081e;
  --grad-mid:#ff4ecd;--grad-end:#5ce1e6;--grad-end-rgb:92,225,230;
  --grad:linear-gradient(100deg,#c77dff 0%,#ff4ecd 50%,#5ce1e6 100%);
  --grad-btn:linear-gradient(135deg,#d09bff,#8a3dff);
  --btn-radius:999px;--radius-pill:999px;--r:22px;--radius-panel:18px;--radius-panel-lg:20px;--radius-input:14px;--radius-card-lg:22px;--radius-nav:12px;--radius-soc:12px;
  --btn-shadow:0 10px 34px -8px rgba(199,125,255,.5);
  --btn-shadow-hover:0 16px 44px -8px rgba(255,78,205,.55);
  --nav-bg:rgba(var(--bg-rgb),.68);--input-bg:rgba(var(--bg-rgb),.7);
  --surface:var(--glass);--danger:#ff4d7a;
  --feat-a:#c77dff;--feat-b:#ff4ecd;--feat-c:#5ce1e6;--feat-d:#9b4dff;
  --feat-e:#ff9de0;--feat-f:#f4ecff;
  --font:"Exo 2","Chakra Petch","Segoe UI",sans-serif;
  --font-display:"Orbitron","Exo 2","Segoe UI",sans-serif;
}

/* 6 — Okyanus */
html[data-theme="ocean-teal"],body[data-theme="ocean-teal"]{
  --bg:#041318;--bg2:#0a2228;--ink:#e7f6f8;--mute:#8db8be;--dim:#5a8088;
  --line:rgba(46,230,200,.16);--glass:rgba(20,180,180,.07);
  --lime:#2ee6c8;--lime2:#149e96;--mag:#3ad0ff;
  --accent:#2ee6c8;--accent-2:#149e96;
  --accent-rgb:46,230,200;--accent-2-rgb:20,158,150;--mag-rgb:58,208,255;
  --bg-rgb:4,19,24;--ink-rgb:231,246,248;
  --on-accent:#032027;
  --grad-mid:#7af0e0;--grad-end:#3ad0ff;--grad-end-rgb:58,208,255;
  --grad:linear-gradient(100deg,#7af0e0 0%,#2ee6c8 50%,#3ad0ff 100%);
  --grad-btn:linear-gradient(135deg,#3eedd0,#149e96);
  --btn-radius:999px;--radius-pill:999px;--r:22px;--radius-panel:18px;--radius-panel-lg:20px;--radius-input:14px;--radius-card-lg:22px;--radius-nav:12px;--radius-soc:12px;
  --btn-shadow:0 10px 34px -8px rgba(46,230,200,.45);
  --btn-shadow-hover:0 16px 44px -8px rgba(46,230,200,.65);
  --nav-bg:rgba(var(--bg-rgb),.7);--input-bg:rgba(var(--bg-rgb),.7);
  --surface:var(--glass);--danger:#ff5d6c;
  --feat-a:#2ee6c8;--feat-b:#7af0e0;--feat-c:#3ad0ff;--feat-d:#149e96;
  --feat-e:#a8fff0;--feat-f:#e7f6f8;
  --font:"Sora","Outfit","Segoe UI",sans-serif;
  --font-display:"Sora","Manrope","Segoe UI",sans-serif;
}

/* 7 — Beyaz Minimal */
html[data-theme="clean-white"],body[data-theme="clean-white"]{
  --bg:#f6f4ef;--bg2:#eceae4;--ink:#121212;--mute:#5c5c5c;--dim:#8a8a8a;
  --line:rgba(0,0,0,.1);--glass:rgba(0,0,0,.035);
  --lime:#121212;--lime2:#2a2a2a;--mag:#3a3a3a;
  --accent:#121212;--accent-2:#2a2a2a;
  --accent-rgb:18,18,18;--accent-2-rgb:42,42,42;--mag-rgb:58,58,58;
  --bg-rgb:246,244,239;--ink-rgb:18,18,18;
  --on-accent:#f6f4ef;
  --grad-mid:#444;--grad-end:#1a1a1a;--grad-end-rgb:26,26,26;
  --grad:linear-gradient(100deg,#121212 0%,#3a3a3a 100%);
  --grad-btn:linear-gradient(135deg,#161616,#000);
  --btn-radius:999px;--radius-pill:999px;--r:18px;
  --btn-shadow:0 10px 28px -10px rgba(0,0,0,.28);
  --btn-shadow-hover:0 16px 36px -10px rgba(0,0,0,.4);
  --nav-bg:rgba(246,244,239,.82);--input-bg:#fff;
  --surface:#fff;--danger:#c0392b;
  --feat-a:#121212;--feat-b:#3a3a3a;--feat-c:#6a6a6a;--feat-d:#121212;
  --feat-e:#2a2a2a;--feat-f:#121212;
  --font:"Inter","IBM Plex Sans","Segoe UI",sans-serif;
  --font-display:"Syne","Inter Tight","Segoe UI",sans-serif;
}

/* 8 — Turuncu Ateş */
html[data-theme="orange-fire"],body[data-theme="orange-fire"]{
  --bg:#120800;--bg2:#1c0d00;--ink:#fff5eb;--mute:#d4b49a;--dim:#8e6a50;
  --line:rgba(255,120,20,.18);--glass:rgba(255,90,0,.07);
  --lime:#ff6a00;--lime2:#e03e00;--mag:#ffb703;
  --accent:#ff6a00;--accent-2:#e03e00;
  --accent-rgb:255,106,0;--accent-2-rgb:224,62,0;--mag-rgb:255,183,3;
  --bg-rgb:18,8,0;--ink-rgb:255,245,235;
  --on-accent:#1a0a00;
  --grad-mid:#ffb703;--grad-end:#ff3d00;--grad-end-rgb:255,61,0;
  --grad:linear-gradient(100deg,#ffb703 0%,#ff6a00 50%,#ff3d00 100%);
  --grad-btn:linear-gradient(135deg,#ff8a1a,#e03e00);
  --btn-radius:6px;--radius-pill:8px;--r:14px;--radius-panel:14px;--radius-panel-lg:14px;--radius-input:6px;--radius-card-lg:14px;--radius-nav:6px;--radius-soc:6px;
  --btn-shadow:0 10px 34px -8px rgba(255,106,0,.5);
  --btn-shadow-hover:0 16px 44px -8px rgba(255,106,0,.7);
  --nav-bg:rgba(var(--bg-rgb),.72);--input-bg:rgba(var(--bg-rgb),.7);
  --surface:var(--glass);--danger:#ff3d00;
  --feat-a:#ff6a00;--feat-b:#ffb703;--feat-c:#ff3d00;--feat-d:#e03e00;
  --feat-e:#ffd166;--feat-f:#fff5eb;
  --font:"Oswald","Barlow Condensed","Segoe UI",sans-serif;
  --font-display:"Bebas Neue","Oswald","Impact",sans-serif;
}

/* 9 — Y2K Siber */
html[data-theme="y2k-pink"],body[data-theme="y2k-pink"]{
  --bg:#14061a;--bg2:#1e0a28;--ink:#ffe8fb;--mute:#d9a8d4;--dim:#8e6a90;
  --line:rgba(255,77,190,.2);--glass:rgba(255,60,200,.08);
  --lime:#ff4dbe;--lime2:#e01aa8;--mag:#00f0ff;
  --accent:#ff4dbe;--accent-2:#00f0ff;
  --accent-rgb:255,77,190;--accent-2-rgb:0,240,255;--mag-rgb:0,240,255;
  --bg-rgb:20,6,26;--ink-rgb:255,232,251;
  --on-accent:#1a0520;
  --grad-mid:#ff86e0;--grad-end:#00f0ff;--grad-end-rgb:0,240,255;
  --grad:linear-gradient(100deg,#ff4dbe 0%,#c77dff 48%,#00f0ff 100%);
  --grad-btn:linear-gradient(135deg,#ff6ad0,#c400a8);
  --btn-radius:14px;--radius-pill:14px;--r:18px;--radius-panel:18px;--radius-panel-lg:18px;--radius-input:14px;--radius-card-lg:18px;--radius-nav:14px;--radius-soc:14px;
  --btn-shadow:0 10px 34px -8px rgba(255,77,190,.5);
  --btn-shadow-hover:0 16px 44px -8px rgba(0,240,255,.45);
  --nav-bg:rgba(var(--bg-rgb),.7);--input-bg:rgba(var(--bg-rgb),.7);
  --surface:var(--glass);--danger:#ff4dbe;
  --feat-a:#ff4dbe;--feat-b:#00f0ff;--feat-c:#c77dff;--feat-d:#ff86e0;
  --feat-e:#7c5cff;--feat-f:#ffe8fb;
  --font:"Exo 2","Chakra Petch","Segoe UI",sans-serif;
  --font-display:"Unbounded","Orbitron","Exo 2",sans-serif;
}

/* 10 — Mono Brutalist */
html[data-theme="mono-brutalist"],body[data-theme="mono-brutalist"]{
  --bg:#000000;--bg2:#111111;--ink:#ffffff;--mute:#b3b3b3;--dim:#7a7a7a;
  --line:rgba(255,255,255,.22);--glass:rgba(255,255,255,.04);
  --lime:#ffffff;--lime2:#d0d0d0;--mag:#ffffff;
  --accent:#ffffff;--accent-2:#d0d0d0;
  --accent-rgb:255,255,255;--accent-2-rgb:208,208,208;--mag-rgb:255,255,255;
  --bg-rgb:0,0,0;--ink-rgb:255,255,255;
  --on-accent:#000000;
  --grad-mid:#ffffff;--grad-end:#c0c0c0;--grad-end-rgb:192,192,192;
  --grad:linear-gradient(90deg,#fff 0%,#fff 100%);
  --grad-btn:linear-gradient(90deg,#fff,#fff);
  --btn-radius:0;--radius-pill:0;--r:0;--radius-panel:0;--radius-panel-lg:0;--radius-input:0;--radius-card-lg:0;--radius-nav:0;--radius-soc:0;
  --btn-shadow:none;
  --btn-shadow-hover:none;
  --nav-bg:rgba(0,0,0,.85);--input-bg:#0a0a0a;
  --surface:#0a0a0a;--danger:#fff;
  --feat-a:#ffffff;--feat-b:#e0e0e0;--feat-c:#b0b0b0;--feat-d:#ffffff;
  --feat-e:#d0d0d0;--feat-f:#ffffff;
  --font:"IBM Plex Mono","Inter Tight","Courier New",monospace;
  --font-display:"Archivo Black","Anton","Impact",sans-serif;
}
html[data-theme="mono-brutalist"] .btn,
body[data-theme="mono-brutalist"] .btn,
html[data-theme="mono-brutalist"] .soc,
body[data-theme="mono-brutalist"] .soc{
  border:1px solid #fff;
}
html[data-theme="mono-brutalist"] .btn:hover,
body[data-theme="mono-brutalist"] .btn:hover{transform:none;filter:none;background:#000;color:#fff}
