/* ISKOBONUS — 3 selectable design themes (set via ). Loaded after main.css + tailwind.css so these overrides win. Temporary: a floating picker lets us compare; once a winner is chosen it becomes the default + picker removed. */ /* ════════════ PREMIUM — refined dark, blue+gold, soft glows ════════════ */ [data-theme="premium"] body{ background-color:#0a0e16 !important; background-image: radial-gradient(58% 48% at 5% -5%, rgba(43,144,240,.20), transparent 60%), radial-gradient(52% 44% at 97% -3%, rgba(245,181,36,.14), transparent 58%), radial-gradient(80% 60% at 50% 116%, rgba(43,144,240,.13), transparent 62%), linear-gradient(180deg,#0c1019,#080b11 55%,#06080d) !important; background-attachment:scroll !important; } [data-theme="premium"] .surface{ background:linear-gradient(165deg,#1a222e 0%,#10151d 70%,#0c1016 100%) !important; } [data-theme="premium"] .card{ border-radius:15px; border:1px solid rgba(255,255,255,.08); box-shadow:0 14px 40px -24px rgba(0,0,0,.8); } [data-theme="premium"] .card:hover{ border-color:rgba(245,181,36,.5); box-shadow:0 0 0 1px rgba(245,181,36,.18),0 18px 44px -22px rgba(0,0,0,.85); transform:translateY(-2px); } [data-theme="premium"] .btn-mint{ background:linear-gradient(180deg,#ffd96a,#f5b524) !important; color:#3a2a00 !important; border:0 !important; box-shadow:0 8px 20px -8px rgba(245,181,36,.5); border-radius:.7rem; font-weight:800; } [data-theme="premium"] .btn-mint:hover{ filter:brightness(1.06); transform:translateY(-1px); } [data-theme="premium"] .btn-ghost{ background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.1); border-radius:.7rem; } [data-theme="premium"] .btn-ghost:hover{ border-color:rgba(56,168,255,.55); color:#fff; } [data-theme="premium"] .header-mint-glow::after{ background:radial-gradient(60% 120% at 30% 0,rgba(43,144,240,.5),transparent 70%),radial-gradient(60% 120% at 70% 0,rgba(245,181,36,.4),transparent 70%) !important; } /* ════════════ CLEAN — flat, crisp, minimal, more breathing room ════════════ */ [data-theme="clean"] body{ background-color:#0a0c11 !important; background-image: radial-gradient(72% 42% at 50% -12%, rgba(56,168,255,.10), transparent 66%), linear-gradient(180deg,#0c0f15,#0a0c11) !important; background-attachment:scroll !important; } [data-theme="clean"] .surface{ background:#11161d !important; } [data-theme="clean"] .card{ border-radius:12px; border:1px solid rgba(255,255,255,.1); box-shadow:none; } [data-theme="clean"] .card:hover{ border-color:rgba(56,168,255,.45); box-shadow:none; transform:none; } [data-theme="clean"] .btn-mint{ background:#f5b524 !important; color:#10130a !important; border:0 !important; border-radius:.55rem; font-weight:700; box-shadow:none; } [data-theme="clean"] .btn-mint:hover{ background:#ffc83d !important; transform:none; filter:none; } [data-theme="clean"] .btn-ghost{ background:transparent; border:1px solid rgba(255,255,255,.14); border-radius:.55rem; } [data-theme="clean"] .btn-ghost:hover{ border-color:rgba(255,255,255,.42); color:#fff; } [data-theme="clean"] .header-mint-glow::after{ background:none !important; } [data-theme="clean"] header.header-mint-glow{ border-bottom:1px solid rgba(255,255,255,.09); } /* ════════════ NEON — vivid gaming, glowing glass ════════════ */ [data-theme="neon"] body{ background-color:#06080f !important; background-image: radial-gradient(60% 50% at 4% -8%, rgba(245,181,36,.30), transparent 62%), radial-gradient(58% 52% at 98% -5%, rgba(84,180,255,.28), transparent 60%), radial-gradient(85% 55% at 50% 120%, rgba(245,181,36,.16), transparent 64%), linear-gradient(180deg,#080b13,#05070d) !important; background-attachment:scroll !important; } [data-theme="neon"] .surface{ background:linear-gradient(165deg,rgba(22,30,44,.72),rgba(10,14,22,.82)) !important; backdrop-filter:blur(6px); } [data-theme="neon"] .card{ border-radius:16px; border:1px solid rgba(245,181,36,.26); box-shadow:0 0 0 1px rgba(245,181,36,.12),0 0 30px -10px rgba(245,181,36,.32); } [data-theme="neon"] .card:hover{ border-color:rgba(245,181,36,.6); box-shadow:0 0 0 1px rgba(245,181,36,.4),0 0 42px -6px rgba(245,181,36,.5),0 0 24px -8px rgba(56,168,255,.4); transform:translateY(-3px); } [data-theme="neon"] .btn-mint{ background:linear-gradient(180deg,#ffd24a,#f5b524) !important; color:#2a1d00 !important; border:0 !important; border-radius:.7rem; font-weight:800; box-shadow:0 0 18px -4px rgba(245,181,36,.75); } [data-theme="neon"] .btn-mint:hover{ filter:brightness(1.1); box-shadow:0 0 28px -2px rgba(245,181,36,.95); transform:translateY(-1px); } [data-theme="neon"] .btn-ghost{ background:rgba(56,168,255,.08); border:1px solid rgba(56,168,255,.4); border-radius:.7rem; color:#cfe6ff; } [data-theme="neon"] .btn-ghost:hover{ border-color:rgba(56,168,255,.9); color:#fff; box-shadow:0 0 16px -4px rgba(56,168,255,.6); } [data-theme="neon"] .header-mint-glow::after{ background:radial-gradient(60% 140% at 25% 0,rgba(56,168,255,.7),transparent 70%),radial-gradient(60% 140% at 75% 0,rgba(245,181,36,.5),transparent 70%) !important; height:3px; }