/* ============================================================ THE GATHERING CHURCH — Theme System v2 17 Themes × 12 Color Palettes Applied via [data-theme] and [data-palette] on ============================================================ */ /* ────────────────────────────────────────────────────────── ACCENT PALETTES — 12 colors ────────────────────────────────────────────────────────── */ [data-palette="blue"] { --accent:#26a9e0; --accent-dark:#1a7ab0; --accent-darker:#155f80; --accent-rgb:38,169,224; } [data-palette="gold"] { --accent:#f59e0b; --accent-dark:#d97706; --accent-darker:#92400e; --accent-rgb:245,158,11; } [data-palette="green"] { --accent:#22c55e; --accent-dark:#16a34a; --accent-darker:#166534; --accent-rgb:34,197,94; } [data-palette="purple"] { --accent:#a855f7; --accent-dark:#7c3aed; --accent-darker:#4c1d95; --accent-rgb:168,85,247; } [data-palette="coral"] { --accent:#f43f5e; --accent-dark:#e11d48; --accent-darker:#9f1239; --accent-rgb:244,63,94; } [data-palette="mono"] { --accent:#374151; --accent-dark:#1f2937; --accent-darker:#111827; --accent-rgb:55,65,81; } [data-palette="teal"] { --accent:#14b8a6; --accent-dark:#0d9488; --accent-darker:#0f766e; --accent-rgb:20,184,166; } [data-palette="crimson"] { --accent:#dc2626; --accent-dark:#b91c1c; --accent-darker:#7f1d1d; --accent-rgb:220,38,38; } [data-palette="lavender"]{ --accent:#818cf8; --accent-dark:#6366f1; --accent-darker:#4338ca; --accent-rgb:129,140,248; } [data-palette="orange"] { --accent:#ea580c; --accent-dark:#c2410c; --accent-darker:#9a3412; --accent-rgb:234,88,12; } [data-palette="lime"] { --accent:#84cc16; --accent-dark:#65a30d; --accent-darker:#4d7c0f; --accent-rgb:132,204,22; } [data-palette="rose"] { --accent:#e879a0; --accent-dark:#db2777; --accent-darker:#9d174d; --accent-rgb:232,121,160; } /* ══════════════════════════════════════════════════════════ EXISTING THEMES (ENHANCED) ══════════════════════════════════════════════════════════ */ /* THEME 1 — THE GATHERING (Default — unchanged) */ [data-theme="gathering"] { --blue:var(--accent,#26a9e0); --blue-dark:var(--accent-dark,#1a7ab0); --blue-darker:var(--accent-darker,#155f80); --black:#0f0f0f; --charcoal:#1a1a1a; --gray-dark:#2a2a2a; --gray-mid:#666; --gray-light:#f4f4f4; --gray-border:#e8e8e8; --white:#fff; --gradient-blue:linear-gradient(135deg,var(--accent,#26a9e0) 0%,var(--accent-dark,#1a7ab0) 100%); --gradient-section:linear-gradient(135deg,var(--accent,#26a9e0) 0%,var(--accent-dark,#1f88b4) 60%,var(--accent-darker,#155f80) 100%); --gradient-hero:linear-gradient(180deg,rgba(0,0,0,.2) 0%,rgba(0,0,0,.6) 65%,rgba(0,0,0,.82) 100%); --shadow-blue:0 4px 20px rgba(var(--accent-rgb,38,169,224),.4); --font-head:'Poppins',sans-serif; --font-body:'DM Sans',sans-serif; --radius-sm:6px; --radius-md:12px; --radius-lg:20px; --btn-radius:50px; --nav-bg:#0f0f0f; --footer-bg:#0f0f0f; --body-bg:#fff; --card-bg:#fff; --heading-color:#0f0f0f; --text-color:#333; } [data-theme="gathering"] .site-header{background:var(--nav-bg)!important;} [data-theme="gathering"] .mobile-nav{background:var(--nav-bg);} [data-theme="gathering"] .site-footer{background:var(--footer-bg);} /* THEME 2 — SUNRISE (Enhanced: italic serifs, warm underline on h2, rounded buttons) */ [data-theme="sunrise"] { --blue:var(--accent,#f59e0b); --blue-dark:var(--accent-dark,#d97706); --blue-darker:var(--accent-darker,#92400e); --black:#1c1007; --charcoal:#2d1a08; --gray-dark:#4a2e12; --gray-mid:#8a6840; --gray-light:#fdf6ed; --gray-border:#eddfc5; --white:#fffef8; --gradient-blue:linear-gradient(135deg,var(--accent,#f59e0b) 0%,var(--accent-dark,#d97706) 100%); --gradient-section:linear-gradient(160deg,#78350f 0%,#451a03 100%); --gradient-hero:linear-gradient(180deg,rgba(28,16,7,.1) 0%,rgba(28,16,7,.5) 60%,rgba(28,16,7,.85) 100%); --shadow-blue:0 4px 20px rgba(var(--accent-rgb,245,158,11),.4); --font-head:'Playfair Display',Georgia,serif; --font-body:'Lato',sans-serif; --radius-sm:4px; --radius-md:10px; --radius-lg:20px; --btn-radius:8px; --nav-bg:#1c1007; --footer-bg:#1c1007; --body-bg:#fffef8; --card-bg:#fffef8; --heading-color:#1c1007; --text-color:#4a2e12; } [data-theme="sunrise"] .site-header{background:var(--nav-bg)!important;} [data-theme="sunrise"] .mobile-nav{background:var(--nav-bg);} [data-theme="sunrise"] .site-footer{background:var(--footer-bg);} [data-theme="sunrise"] body{font-family:var(--font-body);background:var(--body-bg);color:var(--text-color);} [data-theme="sunrise"] h1,[data-theme="sunrise"] h2,[data-theme="sunrise"] h3, [data-theme="sunrise"] h4,[data-theme="sunrise"] h5,[data-theme="sunrise"] h6{font-family:var(--font-head);font-style:italic;} [data-theme="sunrise"] .btn{border-radius:var(--btn-radius);} [data-theme="sunrise"] .card{border-radius:var(--btn-radius);border:1px solid var(--gray-border);} [data-theme="sunrise"] .section-label{color:var(--blue);letter-spacing:.18em;} [data-theme="sunrise"] .bg-light{background:var(--gray-light)!important;} [data-theme="sunrise"] .nav-dropdown-menu{background:#2d1a08;} [data-theme="sunrise"] h2::after{content:'';display:block;width:48px;height:3px;background:var(--gradient-blue);margin-top:12px;border-radius:2px;} [data-theme="sunrise"] .text-center h2::after{margin-left:auto;margin-right:auto;} /* THEME 3 — SLATE (Enhanced: sharp corners, left accent on labels, steel grid feel) */ [data-theme="slate"] { --blue:var(--accent,#3b82f6); --blue-dark:var(--accent-dark,#2563eb); --blue-darker:var(--accent-darker,#1d4ed8); --black:#0a0f1e; --charcoal:#0f1729; --gray-dark:#1e2d4a; --gray-mid:#5a6a85; --gray-light:#f0f4ff; --gray-border:#dde3f0; --white:#fff; --gradient-blue:linear-gradient(135deg,var(--accent,#3b82f6) 0%,var(--accent-dark,#2563eb) 100%); --gradient-section:linear-gradient(180deg,#0a1628 0%,#0f2040 100%); --gradient-hero:linear-gradient(180deg,rgba(10,15,30,.15) 0%,rgba(10,15,30,.6) 65%,rgba(10,15,30,.9) 100%); --shadow-blue:0 4px 20px rgba(var(--accent-rgb,59,130,246),.35); --font-head:'Sora','Poppins',sans-serif; --font-body:'Sora',sans-serif; --radius-sm:2px; --radius-md:4px; --radius-lg:8px; --btn-radius:4px; --nav-bg:#0a0f1e; --footer-bg:#0a0f1e; --body-bg:#fff; --card-bg:#fff; --heading-color:#0a0f1e; --text-color:#1e2d4a; } [data-theme="slate"] .site-header{background:var(--nav-bg)!important;border-bottom:1px solid rgba(59,130,246,.12);} [data-theme="slate"] .mobile-nav{background:var(--nav-bg);} [data-theme="slate"] .site-footer{background:var(--footer-bg);} [data-theme="slate"] body{font-family:var(--font-body);color:var(--text-color);} [data-theme="slate"] .btn{border-radius:var(--btn-radius);letter-spacing:.04em;} [data-theme="slate"] .card{border-radius:var(--radius-md);border:1px solid var(--gray-border);} [data-theme="slate"] .nav-give{border-radius:4px;letter-spacing:.06em;} [data-theme="slate"] .bg-light{background:var(--gray-light)!important;} [data-theme="slate"] .nav-dropdown-menu{background:#0f1729;border-radius:4px;} [data-theme="slate"] .section-label{border-left:3px solid var(--blue);padding-left:10px;letter-spacing:.12em;} /* THEME 4 — FOREST (Enhanced: pill labels, extra-rounded, lush deep greens) */ [data-theme="forest"] { --blue:var(--accent,#22c55e); --blue-dark:var(--accent-dark,#16a34a); --blue-darker:var(--accent-darker,#166534); --black:#061208; --charcoal:#0a1f0c; --gray-dark:#163518; --gray-mid:#4a7a50; --gray-light:#f0f9f0; --gray-border:#c4e0c6; --white:#f8fff8; --gradient-blue:linear-gradient(135deg,var(--accent,#22c55e) 0%,var(--accent-dark,#16a34a) 100%); --gradient-section:linear-gradient(160deg,#0a2e0e 0%,#061208 100%); --gradient-hero:linear-gradient(180deg,rgba(6,18,8,.1) 0%,rgba(6,18,8,.55) 60%,rgba(6,18,8,.88) 100%); --shadow-blue:0 4px 20px rgba(var(--accent-rgb,34,197,94),.35); --font-head:'Nunito',sans-serif; --font-body:'Nunito',sans-serif; --radius-sm:12px; --radius-md:20px; --radius-lg:32px; --btn-radius:50px; --nav-bg:#061208; --footer-bg:#061208; --body-bg:#f8fff8; --card-bg:#fff; --heading-color:#061208; --text-color:#163518; } [data-theme="forest"] .site-header{background:var(--nav-bg)!important;} [data-theme="forest"] .mobile-nav{background:var(--nav-bg);} [data-theme="forest"] .site-footer{background:var(--footer-bg);} [data-theme="forest"] body{font-family:var(--font-body);background:var(--body-bg);color:var(--text-color);} [data-theme="forest"] h1,[data-theme="forest"] h2,[data-theme="forest"] h3{font-family:var(--font-head);font-weight:800;} [data-theme="forest"] .btn{border-radius:var(--btn-radius);font-weight:800;} [data-theme="forest"] .card{border-radius:var(--radius-md);} [data-theme="forest"] .bg-light{background:var(--gray-light)!important;} [data-theme="forest"] .nav-dropdown-menu{background:#0a1f0c;border-radius:12px;} [data-theme="forest"] .section-label{background:rgba(var(--accent-rgb,34,197,94),.12);padding:4px 14px;border-radius:50px;color:var(--blue-dark);} /* THEME 5 — CRIMSON (Enhanced: top card border, uppercase buttons, heavy serifs) */ [data-theme="crimson"] { --blue:var(--accent,#dc2626); --blue-dark:var(--accent-dark,#b91c1c); --blue-darker:var(--accent-darker,#7f1d1d); --black:#120202; --charcoal:#1e0404; --gray-dark:#3d0f0f; --gray-mid:#8a4444; --gray-light:#fdf4f4; --gray-border:#f0d5d5; --white:#fffafa; --gradient-blue:linear-gradient(135deg,var(--accent,#dc2626) 0%,var(--accent-dark,#b91c1c) 100%); --gradient-section:linear-gradient(160deg,#7f1d1d 0%,#120202 100%); --gradient-hero:linear-gradient(180deg,rgba(18,2,2,.1) 0%,rgba(18,2,2,.55) 60%,rgba(18,2,2,.9) 100%); --shadow-blue:0 4px 20px rgba(var(--accent-rgb,220,38,38),.45); --font-head:'Merriweather',Georgia,serif; --font-body:'Source Sans 3',sans-serif; --radius-sm:2px; --radius-md:6px; --radius-lg:12px; --btn-radius:3px; --nav-bg:#120202; --footer-bg:#120202; --body-bg:#fffafa; --card-bg:#fff; --heading-color:#120202; --text-color:#3d0f0f; } [data-theme="crimson"] .site-header{background:var(--nav-bg)!important;border-bottom:2px solid rgba(220,38,38,.2);} [data-theme="crimson"] .mobile-nav{background:var(--nav-bg);} [data-theme="crimson"] .site-footer{background:var(--footer-bg);} [data-theme="crimson"] body{font-family:var(--font-body);background:var(--body-bg);color:var(--text-color);} [data-theme="crimson"] h1,[data-theme="crimson"] h2,[data-theme="crimson"] h3, [data-theme="crimson"] h4,[data-theme="crimson"] h5,[data-theme="crimson"] h6{font-family:var(--font-head);line-height:1.35;} [data-theme="crimson"] .btn{border-radius:var(--btn-radius);text-transform:uppercase;letter-spacing:.08em;font-size:.88rem;} [data-theme="crimson"] .card{border-radius:var(--radius-md);border-top:3px solid var(--blue);} [data-theme="crimson"] .bg-light{background:var(--gray-light)!important;} [data-theme="crimson"] .section-label{color:var(--blue);font-size:.72rem;letter-spacing:.2em;} /* THEME 6 — MINIMAL (Enhanced: white nav, zero radius, pure editorial) */ [data-theme="minimal"] { --blue:var(--accent,#111827); --blue-dark:var(--accent-dark,#374151); --blue-darker:var(--accent-darker,#6b7280); --black:#080c10; --charcoal:#111827; --gray-dark:#374151; --gray-mid:#9ca3af; --gray-light:#fafafa; --gray-border:#f0f0f0; --white:#fff; --gradient-blue:linear-gradient(135deg,var(--accent,#111827) 0%,var(--accent-dark,#374151) 100%); --gradient-section:linear-gradient(180deg,#111827 0%,#080c10 100%); --gradient-hero:linear-gradient(180deg,rgba(8,12,16,.08) 0%,rgba(8,12,16,.45) 65%,rgba(8,12,16,.8) 100%); --shadow-blue:0 4px 20px rgba(17,24,39,.12); --font-head:'Cormorant Garamond',Georgia,serif; --font-body:'DM Sans',sans-serif; --radius-sm:0; --radius-md:2px; --radius-lg:4px; --btn-radius:2px; --nav-bg:#fff; --footer-bg:#080c10; --body-bg:#fff; --card-bg:#fff; --heading-color:#080c10; --text-color:#374151; } [data-theme="minimal"] .site-header{background:#fff!important;border-bottom:1px solid #f0f0f0;box-shadow:none!important;} [data-theme="minimal"] .mobile-nav{background:#fff;} [data-theme="minimal"] .mobile-nav a{color:#111827;border-bottom-color:#f0f0f0;} [data-theme="minimal"] .nav-link{color:#374151;} [data-theme="minimal"] .nav-link:hover,[data-theme="minimal"] .nav-link.active{color:#080c10;background:#f9fafb;} [data-theme="minimal"] .nav-toggle span{background:#111827;} [data-theme="minimal"] .logo-text,[data-theme="minimal"] .site-logo{color:#080c10;} [data-theme="minimal"] .logo-sub{color:#9ca3af;} [data-theme="minimal"] .logo-mark{background:#080c10;border-radius:0;} [data-theme="minimal"] .site-footer{background:var(--footer-bg);} [data-theme="minimal"] body{font-family:var(--font-body);background:var(--body-bg);color:var(--text-color);} [data-theme="minimal"] h1,[data-theme="minimal"] h2,[data-theme="minimal"] h3, [data-theme="minimal"] h4,[data-theme="minimal"] h5,[data-theme="minimal"] h6{font-family:var(--font-head);font-weight:400;letter-spacing:-.01em;} [data-theme="minimal"] h1{font-size:clamp(3rem,7vw,5.5rem);line-height:1.08;} [data-theme="minimal"] h2{font-size:clamp(2.2rem,5vw,3.8rem);} [data-theme="minimal"] .btn{border-radius:0;letter-spacing:.08em;text-transform:uppercase;font-size:.82rem;} [data-theme="minimal"] .card{border-radius:0;border:1px solid #f0f0f0;box-shadow:none;} [data-theme="minimal"] .section-label{letter-spacing:.3em;font-size:.68rem;color:#9ca3af;} [data-theme="minimal"] .nav-give{background:#080c10;border-radius:0;box-shadow:none;letter-spacing:.08em;text-transform:uppercase;font-size:.8rem;} [data-theme="minimal"] .bg-light{background:#fafafa!important;} /* THEME 7 — NIGHT CHURCH (Enhanced: velvet dark, glow on scrolled header) */ [data-theme="night"] { --blue:var(--accent,#a855f7); --blue-dark:var(--accent-dark,#7c3aed); --blue-darker:var(--accent-darker,#4c1d95); --black:#03010a; --charcoal:#08041a; --gray-dark:#120e28; --gray-mid:#5a5580; --gray-light:#100c22; --gray-border:#1e1840; --white:#ede8ff; --gradient-blue:linear-gradient(135deg,var(--accent,#a855f7) 0%,var(--accent-dark,#7c3aed) 100%); --gradient-section:linear-gradient(160deg,#1a0a3d 0%,#03010a 100%); --gradient-hero:linear-gradient(180deg,rgba(3,1,10,.08) 0%,rgba(3,1,10,.5) 60%,rgba(3,1,10,.92) 100%); --shadow-blue:0 4px 28px rgba(var(--accent-rgb,168,85,247),.5); --font-head:'Space Grotesk',sans-serif; --font-body:'Space Grotesk',sans-serif; --radius-sm:8px; --radius-md:16px; --radius-lg:24px; --btn-radius:50px; --nav-bg:#03010a; --footer-bg:#03010a; --body-bg:#08041a; --card-bg:#120e28; --heading-color:#ede8ff; --text-color:rgba(237,232,255,.7); } [data-theme="night"] body{background:var(--body-bg);color:var(--text-color);font-family:var(--font-body);} [data-theme="night"] .site-header{background:var(--nav-bg)!important;border-bottom:1px solid rgba(168,85,247,.1);} [data-theme="night"] .site-header.scrolled{box-shadow:0 4px 30px rgba(168,85,247,.1)!important;} [data-theme="night"] .mobile-nav{background:var(--nav-bg);} [data-theme="night"] .site-footer{background:var(--footer-bg);} [data-theme="night"] h1,[data-theme="night"] h2,[data-theme="night"] h3, [data-theme="night"] h4,[data-theme="night"] h5,[data-theme="night"] h6{font-family:var(--font-head);color:var(--heading-color);} [data-theme="night"] .card{background:var(--card-bg);border:1px solid var(--gray-border);box-shadow:0 8px 32px rgba(0,0,0,.4);} [data-theme="night"] .btn{border-radius:var(--btn-radius);} [data-theme="night"] .btn-outline{border-color:rgba(168,85,247,.4);color:var(--white);} [data-theme="night"] .btn-primary{box-shadow:0 0 24px rgba(var(--accent-rgb,168,85,247),.4);} [data-theme="night"] section{background:transparent;} [data-theme="night"] .bg-light{background:var(--gray-light)!important;} [data-theme="night"] .section-label{color:var(--blue);} [data-theme="night"] p{color:var(--text-color);} [data-theme="night"] .form-control{background:var(--gray-light);border-color:var(--gray-border);color:var(--white);} [data-theme="night"] .nav-dropdown-menu{background:#120e28;border:1px solid var(--gray-border);} /* THEME 8 — COASTAL (Enhanced: max-rounded cards, sky tones, pill labels) */ [data-theme="coastal"] { --blue:var(--accent,#0ea5e9); --blue-dark:var(--accent-dark,#0284c7); --blue-darker:var(--accent-darker,#075985); --black:#052540; --charcoal:#073655; --gray-dark:#0a4a70; --gray-mid:#5a90b0; --gray-light:#f0f9ff; --gray-border:#bae6fd; --white:#f8fcff; --gradient-blue:linear-gradient(135deg,var(--accent,#0ea5e9) 0%,var(--accent-dark,#0284c7) 100%); --gradient-section:linear-gradient(160deg,#0c3a5a 0%,#052540 100%); --gradient-hero:linear-gradient(180deg,rgba(5,37,64,.08) 0%,rgba(5,37,64,.45) 60%,rgba(5,37,64,.85) 100%); --shadow-blue:0 4px 20px rgba(var(--accent-rgb,14,165,233),.35); --font-head:'Outfit',sans-serif; --font-body:'Outfit',sans-serif; --radius-sm:10px; --radius-md:20px; --radius-lg:36px; --btn-radius:50px; --nav-bg:#052540; --footer-bg:#052540; --body-bg:#f8fcff; --card-bg:#fff; --heading-color:#052540; --text-color:#0a4a70; } [data-theme="coastal"] .site-header{background:var(--nav-bg)!important;} [data-theme="coastal"] .mobile-nav{background:var(--nav-bg);} [data-theme="coastal"] .site-footer{background:var(--footer-bg);} [data-theme="coastal"] body{font-family:var(--font-body);background:var(--body-bg);color:var(--text-color);} [data-theme="coastal"] h1,[data-theme="coastal"] h2,[data-theme="coastal"] h3{font-family:var(--font-head);color:var(--heading-color);font-weight:700;} [data-theme="coastal"] .btn{border-radius:var(--btn-radius);font-weight:600;} [data-theme="coastal"] .card{border-radius:var(--radius-md);box-shadow:0 4px 24px rgba(5,37,64,.08);border:none;} [data-theme="coastal"] .bg-light{background:var(--gray-light)!important;} [data-theme="coastal"] .section-label{color:var(--blue-dark);background:rgba(var(--accent-rgb,14,165,233),.1);padding:4px 12px;border-radius:50px;} [data-theme="coastal"] .nav-dropdown-menu{background:#073655;border-radius:16px;} /* THEME 9 — BOLD & BLACK (Enhanced: offset card shadows, massive headings) */ [data-theme="bold"] { --blue:var(--accent,#fff); --blue-dark:var(--accent-dark,#e5e7eb); --blue-darker:var(--accent-darker,#9ca3af); --black:#000; --charcoal:#0a0a0a; --gray-dark:#111; --gray-mid:#555; --gray-light:#f5f5f5; --gray-border:#222; --white:#fff; --gradient-blue:linear-gradient(135deg,var(--accent,#fff) 0%,var(--accent-dark,#e5e7eb) 100%); --gradient-section:linear-gradient(180deg,#111 0%,#000 100%); --gradient-hero:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.45) 55%,rgba(0,0,0,.92) 100%); --shadow-blue:0 4px 20px rgba(0,0,0,.6); --font-head:'Bebas Neue','Impact',sans-serif; --font-body:'Barlow',sans-serif; --radius-sm:0; --radius-md:0; --radius-lg:0; --btn-radius:0; --nav-bg:#000; --footer-bg:#000; --body-bg:#fff; --card-bg:#fff; --heading-color:#000; --text-color:#111; } [data-theme="bold"] .site-header{background:#000!important;border-bottom:3px solid var(--accent,#fff);} [data-theme="bold"] .mobile-nav{background:#000;} [data-theme="bold"] .site-footer{background:#000;} [data-theme="bold"] body{font-family:var(--font-body);background:var(--body-bg);color:var(--text-color);} [data-theme="bold"] h1,[data-theme="bold"] h2,[data-theme="bold"] h3, [data-theme="bold"] h4,[data-theme="bold"] h5,[data-theme="bold"] h6{font-family:var(--font-head);font-weight:400;letter-spacing:.05em;text-transform:uppercase;} [data-theme="bold"] h1{font-size:clamp(3.5rem,10vw,8rem);line-height:1;} [data-theme="bold"] h2{font-size:clamp(2.5rem,6vw,5rem);} [data-theme="bold"] .btn{border-radius:0;letter-spacing:.12em;text-transform:uppercase;font-family:var(--font-head);font-size:1rem;} [data-theme="bold"] .btn-primary{background:#000;color:#fff;box-shadow:none;border:2px solid #000;} [data-theme="bold"] .btn-primary:hover{background:#fff;color:#000;} [data-theme="bold"] .card{border-radius:0;border:2px solid #000;box-shadow:6px 6px 0 #000;} [data-theme="bold"] .card:hover{transform:translate(-3px,-3px);box-shadow:9px 9px 0 #000;} [data-theme="bold"] .logo-mark{border-radius:0;background:#fff;color:#000;} [data-theme="bold"] .nav-give{background:#fff;color:#000!important;border-radius:0;box-shadow:none;letter-spacing:.1em;text-transform:uppercase;} [data-theme="bold"] .section-label{letter-spacing:.3em;border-bottom:2px solid currentColor;padding-bottom:4px;} [data-theme="bold"] .bg-light{background:#f5f5f5!important;} [data-theme="bold"] .nav-dropdown-menu{background:#111;border-radius:0;border:2px solid #333;} /* THEME 10 — VINTAGE GOSPEL (Enhanced: ornament on labels, italic headings, parchment) */ [data-theme="vintage"] { --blue:var(--accent,#b45309); --blue-dark:var(--accent-dark,#92400e); --blue-darker:var(--accent-darker,#78350f); --black:#1a0e00; --charcoal:#2a1800; --gray-dark:#3d2a00; --gray-mid:#8a7040; --gray-light:#fdf8ee; --gray-border:#e8dcc4; --white:#fefcf3; --gradient-blue:linear-gradient(135deg,var(--accent,#b45309) 0%,var(--accent-dark,#92400e) 100%); --gradient-section:linear-gradient(160deg,#451a03 0%,#1a0e00 100%); --gradient-hero:linear-gradient(180deg,rgba(26,14,0,.1) 0%,rgba(26,14,0,.5) 60%,rgba(26,14,0,.88) 100%); --shadow-blue:0 4px 20px rgba(var(--accent-rgb,180,83,9),.35); --font-head:'Libre Baskerville',Georgia,serif; --font-body:'Lato',sans-serif; --radius-sm:2px; --radius-md:4px; --radius-lg:8px; --btn-radius:3px; --nav-bg:#1a0e00; --footer-bg:#1a0e00; --body-bg:#fefcf3; --card-bg:#fefcf3; --heading-color:#1a0e00; --text-color:#3d2a00; } [data-theme="vintage"] .site-header{background:var(--nav-bg)!important;border-bottom:1px solid rgba(180,83,9,.3);} [data-theme="vintage"] .mobile-nav{background:var(--nav-bg);} [data-theme="vintage"] .site-footer{background:var(--footer-bg);} [data-theme="vintage"] body{font-family:var(--font-body);background:var(--body-bg);color:var(--text-color);} [data-theme="vintage"] h1,[data-theme="vintage"] h2,[data-theme="vintage"] h3, [data-theme="vintage"] h4,[data-theme="vintage"] h5,[data-theme="vintage"] h6{font-family:var(--font-head);font-style:italic;line-height:1.4;} [data-theme="vintage"] .btn{border-radius:var(--btn-radius);font-family:var(--font-head);font-style:italic;} [data-theme="vintage"] .card{border-radius:var(--radius-md);border:1px solid var(--gray-border);box-shadow:2px 2px 0 var(--gray-border);} [data-theme="vintage"] .bg-light{background:var(--gray-light)!important;} [data-theme="vintage"] .section-label{font-style:normal;letter-spacing:.22em;color:var(--blue);} [data-theme="vintage"] .section-label::before{content:'✦ ';} [data-theme="vintage"] .section-label::after{content:' ✦';} [data-theme="vintage"] .nav-dropdown-menu{background:#2a1800;} /* THEME 11 — NEON FAITH (Enhanced: glow on cards, scanline-style borders) */ [data-theme="neon"] { --blue:var(--accent,#00ff87); --blue-dark:var(--accent-dark,#00cc6a); --blue-darker:var(--accent-darker,#009950); --black:#010805; --charcoal:#020f08; --gray-dark:#051a0d; --gray-mid:#2a5038; --gray-light:#051a0d; --gray-border:#0a2e18; --white:#e0fff0; --gradient-blue:linear-gradient(135deg,var(--accent,#00ff87) 0%,var(--accent-dark,#00cc6a) 100%); --gradient-section:linear-gradient(160deg,#001a0a 0%,#010805 100%); --gradient-hero:linear-gradient(180deg,rgba(1,8,5,.08) 0%,rgba(1,8,5,.55) 60%,rgba(1,8,5,.94) 100%); --shadow-blue:0 0 28px rgba(0,255,135,.5); --font-head:'Rajdhani',sans-serif; --font-body:'Rajdhani',sans-serif; --radius-sm:3px; --radius-md:6px; --radius-lg:10px; --btn-radius:3px; --nav-bg:#010805; --footer-bg:#010805; --body-bg:#020f08; --card-bg:#051a0d; --heading-color:#e0fff0; --text-color:rgba(224,255,240,.7); } [data-theme="neon"] body{background:var(--body-bg);color:var(--text-color);font-family:var(--font-body);font-size:1.05rem;} [data-theme="neon"] .site-header{background:var(--nav-bg)!important;border-bottom:1px solid rgba(0,255,135,.15);} [data-theme="neon"] .mobile-nav{background:var(--nav-bg);} [data-theme="neon"] .site-footer{background:var(--footer-bg);} [data-theme="neon"] h1,[data-theme="neon"] h2,[data-theme="neon"] h3, [data-theme="neon"] h4,[data-theme="neon"] h5,[data-theme="neon"] h6{font-family:var(--font-head);color:var(--heading-color);font-weight:700;text-transform:uppercase;letter-spacing:.06em;} [data-theme="neon"] .card{background:var(--card-bg);border:1px solid rgba(0,255,135,.12);box-shadow:0 0 20px rgba(0,255,135,.05);} [data-theme="neon"] .card:hover{border-color:rgba(0,255,135,.3);box-shadow:0 0 32px rgba(0,255,135,.12);} [data-theme="neon"] .btn{border-radius:var(--btn-radius);text-transform:uppercase;letter-spacing:.08em;} [data-theme="neon"] .btn-primary{background:var(--gradient-blue);color:#010805;box-shadow:0 0 20px rgba(0,255,135,.4);} [data-theme="neon"] .btn-outline{border-color:rgba(0,255,135,.35);color:var(--white);} [data-theme="neon"] .nav-give{background:var(--gradient-blue);color:#010805!important;box-shadow:0 0 16px rgba(0,255,135,.4);border-radius:3px;} [data-theme="neon"] .section-label{color:var(--blue);border-left:2px solid var(--blue);padding-left:10px;} [data-theme="neon"] section{background:transparent;} [data-theme="neon"] .bg-light{background:#051a0d!important;} [data-theme="neon"] p{color:var(--text-color);} [data-theme="neon"] .form-control{background:#051a0d;border-color:rgba(0,255,135,.2);color:var(--white);} [data-theme="neon"] .logo-mark{background:var(--gradient-blue);color:#010805;} [data-theme="neon"] .nav-dropdown-menu{background:#051a0d;border:1px solid rgba(0,255,135,.15);} /* ══════════════════════════════════════════════════════════ 6 NEW EXTREME THEMES ══════════════════════════════════════════════════════════ */ /* THEME 12 — ART DECO (1920s luxury: gold filigree, geometric lines, black marble) */ [data-theme="artdeco"] { --blue:var(--accent,#d4a843); --blue-dark:var(--accent-dark,#b8872a); --blue-darker:var(--accent-darker,#8a6018); --black:#080608; --charcoal:#0f0c0f; --gray-dark:#1a1520; --gray-mid:#6a5a4a; --gray-light:#faf7f0; --gray-border:#d4c090; --white:#fdf9f0; --gradient-blue:linear-gradient(135deg,var(--accent,#d4a843) 0%,var(--accent-dark,#b8872a) 100%); --gradient-section:linear-gradient(180deg,#0f0c0f 0%,#080608 100%); --gradient-hero:linear-gradient(180deg,rgba(8,6,8,.05) 0%,rgba(8,6,8,.45) 55%,rgba(8,6,8,.92) 100%); --shadow-blue:0 4px 24px rgba(var(--accent-rgb,212,168,67),.4); --font-head:'Cinzel',Georgia,serif; --font-body:'Crimson Text',Georgia,serif; --radius-sm:0; --radius-md:0; --radius-lg:0; --btn-radius:0; --nav-bg:#080608; --footer-bg:#080608; --body-bg:#fdf9f0; --card-bg:#fdf9f0; --heading-color:#080608; --text-color:#2a2018; } [data-theme="artdeco"] .site-header{background:var(--nav-bg)!important;border-bottom:1px solid rgba(212,168,67,.25);} [data-theme="artdeco"] .mobile-nav{background:var(--nav-bg);} [data-theme="artdeco"] .site-footer{background:var(--footer-bg);} [data-theme="artdeco"] body{font-family:var(--font-body);background:var(--body-bg);color:var(--text-color);font-size:1.05rem;} [data-theme="artdeco"] h1,[data-theme="artdeco"] h2,[data-theme="artdeco"] h3, [data-theme="artdeco"] h4,[data-theme="artdeco"] h5,[data-theme="artdeco"] h6{font-family:var(--font-head);letter-spacing:.12em;text-transform:uppercase;font-weight:400;} [data-theme="artdeco"] h1{font-size:clamp(2.2rem,5vw,4rem);} [data-theme="artdeco"] .btn{border-radius:0;letter-spacing:.18em;text-transform:uppercase;font-family:var(--font-head);font-size:.78rem;border:1px solid var(--blue);} [data-theme="artdeco"] .btn-primary{background:transparent;color:var(--blue);box-shadow:none;} [data-theme="artdeco"] .btn-primary:hover{background:var(--blue);color:#080608;} [data-theme="artdeco"] .btn-outline-dark{border-color:var(--blue);color:var(--blue);} [data-theme="artdeco"] .btn-outline-dark:hover{background:var(--blue);color:#080608;} [data-theme="artdeco"] .card{border-radius:0;border:1px solid var(--gray-border);background:var(--body-bg);box-shadow:none;} [data-theme="artdeco"] .card:hover{border-color:var(--blue);transform:none;box-shadow:0 0 0 1px var(--blue);} [data-theme="artdeco"] .logo-mark{background:transparent;border:1px solid var(--blue);color:var(--blue);border-radius:0;} [data-theme="artdeco"] .nav-link{color:rgba(253,249,240,.7);letter-spacing:.08em;font-size:.82rem;text-transform:uppercase;} [data-theme="artdeco"] .nav-give{background:transparent;border:1px solid var(--blue)!important;color:var(--blue)!important;border-radius:0;box-shadow:none;letter-spacing:.12em;text-transform:uppercase;} [data-theme="artdeco"] .nav-give:hover{background:var(--blue);color:#080608!important;} [data-theme="artdeco"] .section-label{color:var(--blue);letter-spacing:.28em;font-size:.68rem;} [data-theme="artdeco"] .section-label::before,[data-theme="artdeco"] .section-label::after{content:'──';margin:0 10px;opacity:.5;} [data-theme="artdeco"] .bg-light{background:var(--gray-light)!important;} [data-theme="artdeco"] .nav-dropdown-menu{background:#0f0c0f;border:1px solid rgba(212,168,67,.2);border-radius:0;} /* THEME 13 — GLASSMORPHISM (Frosted layers, blur, gradient space background) */ [data-theme="glass"] { --blue:var(--accent,#6366f1); --blue-dark:var(--accent-dark,#4f46e5); --blue-darker:var(--accent-darker,#3730a3); --black:#0a0a1a; --charcoal:#0f0f2a; --gray-dark:#1a1a3e; --gray-mid:#6060a0; --gray-light:rgba(255,255,255,.06); --gray-border:rgba(255,255,255,.12); --white:#ffffff; --gradient-blue:linear-gradient(135deg,var(--accent,#6366f1) 0%,var(--accent-dark,#4f46e5) 100%); --gradient-section:linear-gradient(160deg,rgba(99,102,241,.15) 0%,rgba(10,10,26,.9) 100%); --gradient-hero:linear-gradient(180deg,rgba(10,10,26,.05) 0%,rgba(10,10,26,.4) 60%,rgba(10,10,26,.85) 100%); --shadow-blue:0 8px 32px rgba(var(--accent-rgb,99,102,241),.4); --font-head:'Plus Jakarta Sans',sans-serif; --font-body:'Plus Jakarta Sans',sans-serif; --radius-sm:12px; --radius-md:20px; --radius-lg:32px; --btn-radius:50px; --nav-bg:rgba(10,10,26,.6); --footer-bg:#0a0a1a; --body-bg:#0a0a1a; --card-bg:rgba(255,255,255,.05); --heading-color:#fff; --text-color:rgba(255,255,255,.75); } [data-theme="glass"] body{background:linear-gradient(135deg,#0a0a1a 0%,#1a0a2e 50%,#0a1a2e 100%) fixed;color:var(--text-color);font-family:var(--font-body);} [data-theme="glass"] .site-header{background:rgba(10,10,26,.5)!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.08);} [data-theme="glass"] .mobile-nav{background:rgba(10,10,26,.92);backdrop-filter:blur(20px);} [data-theme="glass"] .site-footer{background:#0a0a1a;} [data-theme="glass"] h1,[data-theme="glass"] h2,[data-theme="glass"] h3, [data-theme="glass"] h4,[data-theme="glass"] h5,[data-theme="glass"] h6{font-family:var(--font-head);color:var(--heading-color);font-weight:700;} [data-theme="glass"] .card{background:rgba(255,255,255,.06);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-md);box-shadow:0 8px 32px rgba(0,0,0,.3);} [data-theme="glass"] .card:hover{background:rgba(255,255,255,.1);border-color:rgba(var(--accent-rgb,99,102,241),.4);box-shadow:0 8px 40px rgba(var(--accent-rgb,99,102,241),.2);} [data-theme="glass"] .btn{border-radius:var(--btn-radius);} [data-theme="glass"] .btn-primary{background:var(--gradient-blue);box-shadow:0 4px 24px rgba(var(--accent-rgb,99,102,241),.5);} [data-theme="glass"] .btn-outline{border-color:rgba(255,255,255,.25);backdrop-filter:blur(8px);color:#fff;} [data-theme="glass"] .btn-outline:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.5);} [data-theme="glass"] .section-label{color:var(--blue);} [data-theme="glass"] section{background:transparent;} [data-theme="glass"] .bg-light{background:rgba(255,255,255,.04)!important;} [data-theme="glass"] p{color:var(--text-color);} [data-theme="glass"] .form-control{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.15);color:#fff;backdrop-filter:blur(8px);} [data-theme="glass"] .nav-give{background:var(--gradient-blue);box-shadow:0 0 20px rgba(var(--accent-rgb,99,102,241),.4);border-radius:50px;} [data-theme="glass"] .logo-mark{background:var(--gradient-blue);border-radius:12px;} [data-theme="glass"] .nav-dropdown-menu{background:rgba(15,15,42,.8);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:16px;} /* THEME 14 — SCANDINAVIAN (Nordic calm: bone white, charcoal, generous space, refined type) */ [data-theme="scandi"] { --blue:var(--accent,#2563eb); --blue-dark:var(--accent-dark,#1d4ed8); --blue-darker:var(--accent-darker,#1e40af); --black:#1a1a1a; --charcoal:#222; --gray-dark:#444; --gray-mid:#888; --gray-light:#f7f7f5; --gray-border:#e8e8e4; --white:#fefefe; --gradient-blue:linear-gradient(135deg,var(--accent,#2563eb) 0%,var(--accent-dark,#1d4ed8) 100%); --gradient-section:linear-gradient(180deg,#1a1a1a 0%,#111 100%); --gradient-hero:linear-gradient(180deg,rgba(26,26,26,.05) 0%,rgba(26,26,26,.4) 60%,rgba(26,26,26,.82) 100%); --shadow-blue:0 2px 16px rgba(var(--accent-rgb,37,99,235),.2); --font-head:'Fraunces','Georgia',serif; --font-body:'IBM Plex Sans',sans-serif; --radius-sm:4px; --radius-md:8px; --radius-lg:16px; --btn-radius:4px; --nav-bg:#1a1a1a; --footer-bg:#1a1a1a; --body-bg:#fefefe; --card-bg:#fff; --heading-color:#1a1a1a; --text-color:#444; } [data-theme="scandi"] .site-header{background:var(--nav-bg)!important;} [data-theme="scandi"] .mobile-nav{background:var(--nav-bg);} [data-theme="scandi"] .site-footer{background:var(--footer-bg);} [data-theme="scandi"] body{font-family:var(--font-body);background:var(--body-bg);color:var(--text-color);line-height:1.75;} [data-theme="scandi"] h1,[data-theme="scandi"] h2,[data-theme="scandi"] h3, [data-theme="scandi"] h4,[data-theme="scandi"] h5,[data-theme="scandi"] h6{font-family:var(--font-head);font-weight:500;color:var(--heading-color);} [data-theme="scandi"] h1{font-size:clamp(2.8rem,6vw,5rem);letter-spacing:-.03em;line-height:1.1;} [data-theme="scandi"] h2{font-size:clamp(2rem,4vw,3.2rem);letter-spacing:-.02em;} [data-theme="scandi"] .btn{border-radius:var(--btn-radius);font-weight:500;letter-spacing:.02em;} [data-theme="scandi"] .btn-primary{background:var(--heading-color);box-shadow:none;} [data-theme="scandi"] .btn-primary:hover{background:#333;box-shadow:none;} [data-theme="scandi"] .card{border-radius:var(--radius-md);border:1px solid var(--gray-border);box-shadow:none;} [data-theme="scandi"] .card:hover{box-shadow:0 4px 20px rgba(0,0,0,.06);border-color:#ccc;} [data-theme="scandi"] .bg-light{background:var(--gray-light)!important;} [data-theme="scandi"] .section-label{color:var(--gray-mid);font-weight:500;letter-spacing:.14em;} [data-theme="scandi"] .nav-give{background:var(--gradient-blue);border-radius:4px;} [data-theme="scandi"] section{padding:100px 5%;} /* THEME 15 — STAINED GLASS (Cathedral jewels: gradient h2, rich purple/rose, deep reverence) */ [data-theme="stained"] { --blue:var(--accent,#7c3aed); --blue-dark:var(--accent-dark,#6d28d9); --blue-darker:var(--accent-darker,#4c1d95); --black:#080415; --charcoal:#0f0825; --gray-dark:#1a1040; --gray-mid:#5a4878; --gray-light:#f5f0ff; --gray-border:#d4b8f0; --white:#fdf8ff; --gradient-blue:linear-gradient(135deg,var(--accent,#7c3aed) 0%,var(--accent-dark,#6d28d9) 100%); --gradient-section:linear-gradient(160deg,#1a0a3d 0%,#080415 100%); --gradient-hero:linear-gradient(180deg,rgba(8,4,21,.08) 0%,rgba(8,4,21,.5) 55%,rgba(8,4,21,.92) 100%); --shadow-blue:0 6px 28px rgba(var(--accent-rgb,124,58,237),.5); --font-head:'Cinzel Decorative',serif; --font-body:'Spectral',Georgia,serif; --radius-sm:0; --radius-md:4px; --radius-lg:8px; --btn-radius:4px; --nav-bg:#080415; --footer-bg:#080415; --body-bg:#fdf8ff; --card-bg:#fff; --heading-color:#080415; --text-color:#1a1040; } [data-theme="stained"] .site-header{background:var(--nav-bg)!important;border-bottom:2px solid rgba(var(--accent-rgb,124,58,237),.3);} [data-theme="stained"] .mobile-nav{background:var(--nav-bg);} [data-theme="stained"] .site-footer{background:var(--footer-bg);} [data-theme="stained"] body{font-family:var(--font-body);background:var(--body-bg);color:var(--text-color);font-size:1.05rem;line-height:1.8;} [data-theme="stained"] h1,[data-theme="stained"] h2,[data-theme="stained"] h3{font-family:var(--font-head);font-weight:400;letter-spacing:.06em;} [data-theme="stained"] h4,[data-theme="stained"] h5,[data-theme="stained"] h6{font-family:var(--font-head);font-weight:400;} [data-theme="stained"] h1{font-size:clamp(1.8rem,4vw,3rem);} [data-theme="stained"] h2{font-size:clamp(1.5rem,3vw,2.4rem);background:linear-gradient(135deg,var(--accent,#7c3aed),#db2777,#d97706);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;} [data-theme="stained"] .page-hero h2,[data-theme="stained"] .hero h2{-webkit-text-fill-color:#fff;background:none;} [data-theme="stained"] .btn{border-radius:var(--btn-radius);font-family:var(--font-body);font-style:italic;} [data-theme="stained"] .card{border-radius:var(--radius-md);border-top:4px solid var(--blue);box-shadow:0 4px 24px rgba(var(--accent-rgb,124,58,237),.08);} [data-theme="stained"] .bg-light{background:var(--gray-light)!important;} [data-theme="stained"] .section-label{color:var(--blue);letter-spacing:.2em;font-style:italic;} [data-theme="stained"] .nav-dropdown-menu{background:#0f0825;border-radius:4px;} /* THEME 16 — BRUTALIST (Raw power: offset shadows, Anton headings, mono body) */ [data-theme="brutalist"] { --blue:var(--accent,#ff3d00); --blue-dark:var(--accent-dark,#dd2c00); --blue-darker:var(--accent-darker,#bf360c); --black:#000; --charcoal:#111; --gray-dark:#222; --gray-mid:#555; --gray-light:#f0f0f0; --gray-border:#000; --white:#f5f5f5; --gradient-blue:linear-gradient(135deg,var(--accent,#ff3d00) 0%,var(--accent-dark,#dd2c00) 100%); --gradient-section:#000; --gradient-hero:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.3) 50%,rgba(0,0,0,.95) 100%); --shadow-blue:4px 4px 0 var(--accent,#ff3d00); --font-head:'Anton','Impact',sans-serif; --font-body:'Space Mono',monospace; --radius-sm:0; --radius-md:0; --radius-lg:0; --btn-radius:0; --nav-bg:#000; --footer-bg:#000; --body-bg:#f5f5f5; --card-bg:#fff; --heading-color:#000; --text-color:#222; } [data-theme="brutalist"] .site-header{background:#000!important;border-bottom:4px solid var(--accent,#ff3d00);} [data-theme="brutalist"] .mobile-nav{background:#000;} [data-theme="brutalist"] .site-footer{background:#000;border-top:4px solid var(--accent,#ff3d00);} [data-theme="brutalist"] body{font-family:var(--font-body);background:var(--body-bg);color:var(--text-color);font-size:.92rem;} [data-theme="brutalist"] h1,[data-theme="brutalist"] h2,[data-theme="brutalist"] h3, [data-theme="brutalist"] h4,[data-theme="brutalist"] h5,[data-theme="brutalist"] h6{font-family:var(--font-head);font-weight:400;text-transform:uppercase;line-height:.95;} [data-theme="brutalist"] h1{font-size:clamp(4rem,12vw,10rem);line-height:.9;margin-bottom:0;} [data-theme="brutalist"] h2{font-size:clamp(3rem,7vw,6rem);} [data-theme="brutalist"] .btn{border-radius:0;font-family:var(--font-body);font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;border:2px solid #000;} [data-theme="brutalist"] .btn-primary{background:var(--accent,#ff3d00);color:#fff;box-shadow:4px 4px 0 #000;border-color:var(--accent,#ff3d00);} [data-theme="brutalist"] .btn-primary:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 #000;} [data-theme="brutalist"] .btn-outline{border-color:#fff;color:#fff;} [data-theme="brutalist"] .btn-outline-dark{border-color:#000;color:#000;} [data-theme="brutalist"] .btn-outline-dark:hover{background:#000;color:var(--body-bg);} [data-theme="brutalist"] .card{border-radius:0;border:2px solid #000;background:#fff;box-shadow:6px 6px 0 #000;transition:transform .15s,box-shadow .15s;} [data-theme="brutalist"] .card:hover{transform:translate(-4px,-4px);box-shadow:10px 10px 0 #000;} [data-theme="brutalist"] .logo-mark{border-radius:0;background:var(--accent,#ff3d00);color:#fff;} [data-theme="brutalist"] .logo-text{font-family:var(--font-head);letter-spacing:.04em;text-transform:uppercase;font-size:1.1rem;} [data-theme="brutalist"] .nav-link{font-family:var(--font-body);font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;} [data-theme="brutalist"] .nav-give{background:var(--accent,#ff3d00);border-radius:0;box-shadow:3px 3px 0 #ff8c00;font-family:var(--font-body);font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;} [data-theme="brutalist"] .nav-give:hover{box-shadow:1px 1px 0 #ff8c00;transform:translate(2px,2px);} [data-theme="brutalist"] .section-label{font-family:var(--font-body);font-size:.72rem;letter-spacing:.15em;text-transform:uppercase;color:var(--accent,#ff3d00);border-bottom:2px solid var(--accent,#ff3d00);display:inline-block;padding-bottom:4px;} [data-theme="brutalist"] .bg-light{background:#ebebeb!important;} [data-theme="brutalist"] .nav-dropdown-menu{border-radius:0;border:2px solid #333;background:#111;} /* THEME 17 — CYBERPUNK (Digital dystopia: scanlines, cyan/magenta duotone, Orbitron) */ [data-theme="cyber"] { --blue:var(--accent,#00d4ff); --blue-dark:var(--accent-dark,#00a8cc); --blue-darker:var(--accent-darker,#007a99); --black:#000308; --charcoal:#00050f; --gray-dark:#000d1a; --gray-mid:#1a4060; --gray-light:#000d1a; --gray-border:#001a30; --white:#e0f8ff; --gradient-blue:linear-gradient(135deg,var(--accent,#00d4ff) 0%,#ff00aa 100%); --gradient-section:linear-gradient(180deg,#000d1a 0%,#000308 100%); --gradient-hero:linear-gradient(180deg,rgba(0,3,8,.05) 0%,rgba(0,3,8,.5) 55%,rgba(0,3,8,.95) 100%); --shadow-blue:0 0 20px rgba(0,212,255,.5),0 0 40px rgba(255,0,170,.2); --font-head:'Orbitron',sans-serif; --font-body:'Share Tech Mono',monospace; --radius-sm:2px; --radius-md:4px; --radius-lg:6px; --btn-radius:2px; --nav-bg:#000308; --footer-bg:#000308; --body-bg:#00050f; --card-bg:#000d1a; --heading-color:#e0f8ff; --text-color:rgba(224,248,255,.65); } [data-theme="cyber"] body{background:var(--body-bg);color:var(--text-color);font-family:var(--font-body);font-size:.9rem;line-height:1.7;} [data-theme="cyber"] body::before{content:'';position:fixed;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,212,255,.015) 2px,rgba(0,212,255,.015) 4px);pointer-events:none;z-index:9999;} [data-theme="cyber"] .site-header{background:rgba(0,3,8,.85)!important;border-bottom:1px solid rgba(0,212,255,.2);backdrop-filter:blur(10px);} [data-theme="cyber"] .mobile-nav{background:#000308;} [data-theme="cyber"] .site-footer{background:var(--footer-bg);border-top:1px solid rgba(0,212,255,.15);} [data-theme="cyber"] h1,[data-theme="cyber"] h2,[data-theme="cyber"] h3, [data-theme="cyber"] h4,[data-theme="cyber"] h5,[data-theme="cyber"] h6{font-family:var(--font-head);color:var(--heading-color);text-transform:uppercase;letter-spacing:.1em;} [data-theme="cyber"] h1{font-size:clamp(1.8rem,5vw,3.5rem);text-shadow:0 0 20px rgba(0,212,255,.5);} [data-theme="cyber"] h2{font-size:clamp(1.4rem,3vw,2.5rem);text-shadow:0 0 15px rgba(0,212,255,.3);} [data-theme="cyber"] .card{background:var(--card-bg);border:1px solid rgba(0,212,255,.15);border-radius:var(--radius-md);box-shadow:0 0 20px rgba(0,212,255,.05),inset 0 0 30px rgba(0,0,0,.5);} [data-theme="cyber"] .card:hover{border-color:rgba(0,212,255,.4);box-shadow:0 0 30px rgba(0,212,255,.15),0 0 60px rgba(255,0,170,.05);} [data-theme="cyber"] .btn{border-radius:var(--btn-radius);font-family:var(--font-head);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;} [data-theme="cyber"] .btn-primary{background:transparent;border:1px solid var(--accent,#00d4ff);color:var(--accent,#00d4ff);box-shadow:0 0 12px rgba(0,212,255,.3),inset 0 0 12px rgba(0,212,255,.05);} [data-theme="cyber"] .btn-primary:hover{background:rgba(0,212,255,.1);box-shadow:0 0 24px rgba(0,212,255,.5);} [data-theme="cyber"] .btn-outline{border-color:rgba(255,0,170,.4);color:var(--white);} [data-theme="cyber"] .btn-outline:hover{background:rgba(255,0,170,.1);border-color:#ff00aa;} [data-theme="cyber"] .nav-give{background:transparent;border:1px solid var(--accent,#00d4ff)!important;color:var(--accent,#00d4ff)!important;border-radius:2px;box-shadow:0 0 12px rgba(0,212,255,.3);letter-spacing:.1em;font-family:var(--font-head);font-size:.72rem;text-transform:uppercase;} [data-theme="cyber"] .nav-give:hover{background:rgba(0,212,255,.1);box-shadow:0 0 24px rgba(0,212,255,.5);} [data-theme="cyber"] .section-label{color:var(--accent,#00d4ff);letter-spacing:.2em;text-shadow:0 0 8px rgba(0,212,255,.5);} [data-theme="cyber"] section{background:transparent;} [data-theme="cyber"] .bg-light{background:rgba(0,13,26,.8)!important;} [data-theme="cyber"] p{color:var(--text-color);} [data-theme="cyber"] .form-control{background:#000d1a;border-color:rgba(0,212,255,.2);color:var(--white);font-family:var(--font-body);} [data-theme="cyber"] .logo-mark{background:transparent;border:1px solid var(--accent,#00d4ff);color:var(--accent,#00d4ff);border-radius:2px;} [data-theme="cyber"] .logo-text{font-family:var(--font-head);font-size:.85rem;letter-spacing:.1em;text-transform:uppercase;} [data-theme="cyber"] .nav-link{font-family:var(--font-head);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;} [data-theme="cyber"] .nav-dropdown-menu{background:#000d1a;border:1px solid rgba(0,212,255,.15);border-radius:2px;} [data-theme="cyber"] .nav-dropdown-menu a:hover{color:var(--accent,#00d4ff);background:rgba(0,212,255,.05);}