/* ==========================================================================
   COLOUR THEMES
   Only override colour tokens here — nothing structural.
   ========================================================================== */

/* ---------- DEFAULT (original dark pink) ---------------------------------- */
[data-theme="default"] {
    --bg:              #1C1C23;
    --bg-dark:         #131313;
    --surface:         #262425;
    --surface-alt:     #3D3D3D;

    --primary:         #D2166B;
    --primary-hover:   #E53A86;
    --secondary:       #266BE0;
    --secondary-hover: #4585F2;
    --highlight:       #FF82BB;

    --text:            #FFFFFF;
    --text-light:      #DDDDDD;
    --text-muted:      #888888;

    --border:          #5E5E5E;
    --border-light:    #757575;

    --search-bg:       #202020;
    --autocomplete-bg: #131313;
    --autocomplete-border:    #000000;
    --autocomplete-hover-bg:  #e9e9e9;

    --pagination-link-color:  #676767;
    --pagination-link-border: #676767;
    
    --nav-bg-start: rgba(19,19,19,1);
    --nav-bg-end:   rgba(65,62,62,1);
    --nav-text:     #FFFFFF;
    
    --btn-text:       #FFFFFF;
    --btn-hover-text: #FFFFFF;
}

/* ---------- NEON PURPLE — Twitch / Cyberpunk / Discord Nitro -------------- */
[data-theme="neon-purple"] {
    --bg:              #17141F;
    --bg-dark:         #0F0D16;
    --surface:         #252038;
    --surface-alt:     #2E2848;

    --primary:         #8B5CF6;
    --primary-hover:   #A855F7;
    --secondary:       #06B6D4;
    --secondary-hover: #22D3EE;
    --highlight:       #E879F9;

    --text:            #F8FAFC;
    --text-light:      #E2E8F0;
    --text-muted:      #94A3B8;

    --border:          #3D3660;
    --border-light:    #5548A0;

    --search-bg:       #1A1728;
    --autocomplete-bg: #0F0D16;
    --autocomplete-border:    #2E2848;
    --autocomplete-hover-bg:  #2E2848;

    --pagination-link-color:  #94A3B8;
    --pagination-link-border: #3D3660;
    
    --nav-bg-start: rgba(15,13,22,1);
    --nav-bg-end:   rgba(46,40,72,1);
    --nav-text:     #F8FAFC;
    
    --btn-text:       #FFFFFF;
    --btn-hover-text: #FFFFFF;
}

/* ---------- OCEAN — Netflix meets Apple ----------------------------------- */
[data-theme="ocean"] {
    --bg:              #08131D;
    --bg-dark:         #050D14;
    --surface:         #122232;
    --surface-alt:     #1A3145;

    --primary:         #0094FF;
    --primary-hover:   #38BDF8;
    --secondary:       #00D4AA;
    --secondary-hover: #2DD4BF;
    --highlight:       #7DD3FC;

    --text:            #F8FAFC;
    --text-light:      #E0F2FE;
    --text-muted:      #9CA3AF;

    --border:          #1E3A52;
    --border-light:    #2563A0;

    --search-bg:       #0D1E2E;
    --autocomplete-bg: #050D14;
    --autocomplete-border:    #1A3145;
    --autocomplete-hover-bg:  #1A3145;

    --pagination-link-color:  #9CA3AF;
    --pagination-link-border: #1E3A52;
    
    --nav-bg-start: rgba(5,13,20,1);
    --nav-bg-end:   rgba(26,49,69,1);
    --nav-text:     #F8FAFC;
    
    --btn-text:       #FFFFFF;
    --btn-hover-text: #FFFFFF;
}

/* ---------- EMERALD — Premium / editorial --------------------------------- */
[data-theme="emerald"] {
    --bg:              #111814;
    --bg-dark:         #0A110D;
    --surface:         #1C2822;
    --surface-alt:     #24332C;

    --primary:         #22C55E;
    --primary-hover:   #4ADE80;
    --secondary:       #10B981;
    --secondary-hover: #34D399;
    --highlight:       #86EFAC;

    --text:            #FFFFFF;
    --text-light:      #D1FAE5;
    --text-muted:      #9CA3AF;

    --border:          #274D36;
    --border-light:    #3D7A52;

    --search-bg:       #16201A;
    --autocomplete-bg: #0A110D;
    --autocomplete-border:    #24332C;
    --autocomplete-hover-bg:  #24332C;

    --pagination-link-color:  #9CA3AF;
    --pagination-link-border: #274D36;
    
    --nav-bg-start: rgba(10,17,13,1);
    --nav-bg-end:   rgba(36,51,44,1);
    --nav-text:     #FFFFFF;
    
    --btn-text:       #052E00;
    --btn-hover-text: #4ADE80;
}

/* ---------- CRIMSON — Dramatic / high contrast ---------------------------- */
[data-theme="crimson"] {
    --bg:              #170E10;
    --bg-dark:         #0F080A;
    --surface:         #241518;
    --surface-alt:     #311C20;

    --primary:         #E11D48;
    --primary-hover:   #FB7185;
    --secondary:       #DC2626;
    --secondary-hover: #EF4444;
    --highlight:       #FDA4AF;

    --text:            #FFFFFF;
    --text-light:      #FFE4E6;
    --text-muted:      #A1A1AA;

    --border:          #4C1D28;
    --border-light:    #7A2D3D;

    --search-bg:       #1E1013;
    --autocomplete-bg: #0F080A;
    --autocomplete-border:    #311C20;
    --autocomplete-hover-bg:  #311C20;

    --pagination-link-color:  #A1A1AA;
    --pagination-link-border: #4C1D28;
    
    --nav-bg-start: rgba(15,8,10,1);
    --nav-bg-end:   rgba(49,28,32,1);
    --nav-text:     #FFFFFF;
    
    --btn-text:       #FFFFFF;
    --btn-hover-text: #FFFFFF;
}

/* ---------- GOLD LUXURY — Expensive without looking gaudy ----------------- */
[data-theme="gold-luxury"] {
    --bg:              #151311;
    --bg-dark:         #0D0B09;
    --surface:         #231F1A;
    --surface-alt:     #302A22;

    --primary:         #D4AF37;
    --primary-hover:   #F6C945;
    --secondary:       #C08400;
    --secondary-hover: #D4A000;
    --highlight:       #FFE08A;

    --text:            #FFFFFF;
    --text-light:      #FEF3C7;
    --text-muted:      #B0A88A;

    --border:          #4A3D20;
    --border-light:    #7A6432;

    --search-bg:       #1C1914;
    --autocomplete-bg: #0D0B09;
    --autocomplete-border:    #302A22;
    --autocomplete-hover-bg:  #302A22;

    --pagination-link-color:  #B0A88A;
    --pagination-link-border: #4A3D20;
    
    --nav-bg-start: rgba(13,11,9,1);
    --nav-bg-end:   rgba(48,42,34,1);
    --nav-text:     #FFFFFF;
    
    --btn-text:       #1A1000;
    --btn-hover-text: #F6C945;
}

/* ---------- VAPORWAVE — Eye-catching retro-future ------------------------- */
[data-theme="vaporwave"] {
    --bg:              #17112A;
    --bg-dark:         #0F0A1A;
    --surface:         #2C2144;
    --surface-alt:     #3A2D5A;

    --primary:         #FF3CAC;
    --primary-hover:   #FF5DB8;
    --secondary:       #00D9FF;
    --secondary-hover: #38EBF8;
    --highlight:       #FFD166;

    --text:            #FFFFFF;
    --text-light:      #F0E6FF;
    --text-muted:      #AFAFAF;

    --border:          #4A3070;
    --border-light:    #6A46A8;

    --search-bg:       #1E1535;
    --autocomplete-bg: #0F0A1A;
    --autocomplete-border:    #3A2D5A;
    --autocomplete-hover-bg:  #3A2D5A;

    --pagination-link-color:  #AFAFAF;
    --pagination-link-border: #4A3070;
    
    --nav-bg-start: rgba(15,10,26,1);
    --nav-bg-end:   rgba(58,45,90,1);
    --nav-text:     #FFFFFF;
    
    --btn-text:       #FFFFFF;
    --btn-hover-text: #FFFFFF;
}

/* ---------- MIDNIGHT BLUE — Bloomberg / Reuters --------------------------- */
[data-theme="midnight-blue"] {
    --bg:              #0A0E1A;
    --bg-dark:         #060810;
    --surface:         #111827;
    --surface-alt:     #1E2A3D;

    --primary:         #1D6FEB;
    --primary-hover:   #3B82F6;
    --secondary:       #0EA5E9;
    --secondary-hover: #38BDF8;
    --highlight:       #93C5FD;

    --text:            #F0F4FF;
    --text-light:      #CBD5E1;
    --text-muted:      #64748B;

    --border:          #1E2D45;
    --border-light:    #2E4A70;

    --search-bg:       #0F1624;
    --autocomplete-bg: #060810;
    --autocomplete-border:   #1E2A3D;
    --autocomplete-hover-bg: #1E2A3D;

    --pagination-link-color:  #64748B;
    --pagination-link-border: #1E2D45;
    
    --nav-bg-start: rgba(6,8,16,1);
    --nav-bg-end:   rgba(30,42,61,1);
    --nav-text:     #F0F4FF;
    
    --btn-text:       #FFFFFF;
    --btn-hover-text: #FFFFFF;
}

/* ---------- SYNTHWAVE — Outrun / Retrowave -------------------------------- */
[data-theme="synthwave"] {
    --bg:              #1A0A2E;
    --bg-dark:         #10061E;
    --surface:         #261040;
    --surface-alt:     #341658;

    --primary:         #F72585;
    --primary-hover:   #FF4D9E;
    --secondary:       #7209B7;
    --secondary-hover: #9D4EDD;
    --highlight:       #FFBE0B;

    --text:            #FFF0FF;
    --text-light:      #E8CCFF;
    --text-muted:      #9D7FBF;

    --border:          #4A1570;
    --border-light:    #6B21A8;

    --search-bg:       #20083A;
    --autocomplete-bg: #10061E;
    --autocomplete-border:   #341658;
    --autocomplete-hover-bg: #341658;

    --pagination-link-color:  #9D7FBF;
    --pagination-link-border: #4A1570;
    
    --nav-bg-start: rgba(16,6,30,1);
    --nav-bg-end:   rgba(52,22,88,1);
    --nav-text:     #FFF0FF;
    
    --btn-text:       #FFFFFF;
    --btn-hover-text: #FFFFFF;
}

/* ---------- ARCTIC — Minimal dark / premium app --------------------------- */
[data-theme="arctic"] {
    --bg:              #0D1117;
    --bg-dark:         #080C10;
    --surface:         #161B22;
    --surface-alt:     #21262D;

    --primary:         #00D1FF;
    --primary-hover:   #38E8FF;
    --secondary:       #79C0FF;
    --secondary-hover: #A5D6FF;
    --highlight:       #E6F4FF;

    --text:            #F0F6FC;
    --text-light:      #C9D1D9;
    --text-muted:      #6E7681;

    --border:          #30363D;
    --border-light:    #484F58;

    --search-bg:       #0D1117;
    --autocomplete-bg: #080C10;
    --autocomplete-border:   #21262D;
    --autocomplete-hover-bg: #21262D;

    --pagination-link-color:  #6E7681;
    --pagination-link-border: #30363D;
    
    --nav-bg-start: rgba(8,12,16,1);
    --nav-bg-end:   rgba(33,38,45,1);
    --nav-text:     #F0F6FC;
    
    --btn-text:       #080C10;
    --btn-hover-text: #00D1FF;
}

/* ---------- TOXIC — Hacker / Matrix --------------------------------------- */
[data-theme="toxic"] {
    --bg:              #030A00;
    --bg-dark:         #010400;
    --surface:         #0A1A05;
    --surface-alt:     #112200;

    --primary:         #39FF14;
    --primary-hover:   #66FF44;
    --secondary:       #00CC44;
    --secondary-hover: #00FF55;
    --highlight:       #AAFF77;

    --text:            #E0FFE0;
    --text-light:      #AAFFAA;
    --text-muted:      #4A7A4A;

    --border:          #1A4A1A;
    --border-light:    #2A7A2A;

    --search-bg:       #071204;
    --autocomplete-bg: #010400;
    --autocomplete-border:   #112200;
    --autocomplete-hover-bg: #112200;

    --pagination-link-color:  #4A7A4A;
    --pagination-link-border: #1A4A1A;
    
    --nav-bg-start:     rgba(1,4,0,1);
    --nav-bg-end:       rgba(17,34,0,1);
    --nav-text:         #E0FFE0;
    
    --btn-text:         #052E00;
    --btn-hover-text:   #39FF14;
}

/* ---------- RUST / EMBER — Warm dark / dying embers ----------------------- */
[data-theme="rust-ember"] {
    --bg:              #160A00;
    --bg-dark:         #0E0600;
    --surface:         #231000;
    --surface-alt:     #331800;

    --primary:         #EA580C;
    --primary-hover:   #F97316;
    --secondary:       #B45309;
    --secondary-hover: #D97706;
    --highlight:       #FCD34D;

    --text:            #FFF7ED;
    --text-light:      #FED7AA;
    --text-muted:      #92400E;

    --border:          #431407;
    --border-light:    #7C2D12;

    --search-bg:       #1C0D00;
    --autocomplete-bg: #0E0600;
    --autocomplete-border:   #331800;
    --autocomplete-hover-bg: #331800;

    --pagination-link-color:  #92400E;
    --pagination-link-border: #431407;
    
    --nav-bg-start: rgba(14,6,0,1);
    --nav-bg-end:   rgba(51,24,0,1);
    --nav-text:     #FFF7ED;
    
    --btn-text:       #FFFFFF;
    --btn-hover-text: #FFFFFF;
}

/* ---------- ROSE GOLD — Luxury feminine ----------------------------------- */
[data-theme="rose-gold"] {
    --bg:              #1A1215;
    --bg-dark:         #110B0D;
    --surface:         #261A1E;
    --surface-alt:     #332228;
    
    --primary:         #E8A0B0;
    --primary-hover:   #F0B8C5;
    --secondary:       #C9963A;
    --secondary-hover: #DBA94A;
    --highlight:       #F7D4A0;
    
    --text:            #FFF5F7;
    --text-light:      #F9D5DF;
    --text-muted:      #9A7A82;
    
    --border:          #4A2830;
    --border-light:    #6E3D48;
    
    --search-bg:       #201318;
    --autocomplete-bg: #110B0D;
    --autocomplete-border:   #332228;
    --autocomplete-hover-bg: #332228;
    
    --pagination-link-color:  #9A7A82;
    --pagination-link-border: #4A2830;

    --nav-bg-start:    rgba(60,20,35,1);
    --nav-bg-end:      rgba(80,30,45,1);
    --nav-text:        #F9D5DF;

    --btn-text:        #3D0026;
    --btn-hover-text:  #E8A0B0;
}

/* ---------- DRACULA — Beloved dev theme ----------------------------------- */
[data-theme="dracula"] {
    --bg:              #282A36;
    --bg-dark:         #1E2029;
    --surface:         #343746;
    --surface-alt:     #44475A;

    --primary:         #FF79C6;
    --primary-hover:   #FF92D0;
    --secondary:       #8BE9FD;
    --secondary-hover: #A4EDFE;
    --highlight:       #F1FA8C;

    --text:            #F8F8F2;
    --text-light:      #CFCFBF;
    --text-muted:      #6272A4;

    --border:          #44475A;
    --border-light:    #6272A4;

    --search-bg:       #21222C;
    --autocomplete-bg: #1E2029;
    --autocomplete-border:   #44475A;
    --autocomplete-hover-bg: #44475A;

    --pagination-link-color:  #6272A4;
    --pagination-link-border: #44475A;
    
    --nav-bg-start: rgba(30,32,41,1);
    --nav-bg-end:   rgba(68,71,90,1);
    --nav-text:     #F8F8F2;
    
    --btn-text:       #282A36;
    --btn-hover-text: #FF79C6;
}

/* ---------- SOFT LIGHT — Clean default light ----------------------------- */
[data-theme="soft-light"] {
    --bg:              #F8F9FA;
    --bg-dark:         #E9ECEF;
    --surface:         #FFFFFF;
    --surface-alt:     #DEE2E6;

    --primary:         #D2166B;
    --primary-hover:   #E53A86;
    --secondary:       #266BE0;
    --secondary-hover: #4585F2;
    --highlight:       #C2185B;

    --text:            #212529;
    --text-light:      #495057;
    --text-muted:      #868E96;

    --border:          #CED4DA;
    --border-light:    #ADB5BD;

    --search-bg:       #FFFFFF;
    --autocomplete-bg: #FFFFFF;
    --autocomplete-border:   #DEE2E6;
    --autocomplete-hover-bg: #F1F3F5;

    --pagination-link-color:  #868E96;
    --pagination-link-border: #CED4DA;
    
    --nav-bg-start: rgba(233,236,239,1);
    --nav-bg-end:   rgba(222,226,230,1);
    --nav-text:     #212529;
    
    --btn-text:       #FFFFFF;
    --btn-hover-text: #212529;
}

/* ---------- CLOUD — Airy / minimal --------------------------------------- */
[data-theme="cloud"] {
    --bg:              #EEF2FF;
    --bg-dark:         #E0E7FF;
    --surface:         #FFFFFF;
    --surface-alt:     #C7D2FE;

    --primary:         #4F46E5;
    --primary-hover:   #6366F1;
    --secondary:       #0EA5E9;
    --secondary-hover: #38BDF8;
    --highlight:       #818CF8;

    --text:            #1E1B4B;
    --text-light:      #3730A3;
    --text-muted:      #6B7280;

    --border:          #A5B4FC;
    --border-light:    #818CF8;

    --search-bg:       #FFFFFF;
    --autocomplete-bg: #FFFFFF;
    --autocomplete-border:   #C7D2FE;
    --autocomplete-hover-bg: #EEF2FF;

    --pagination-link-color:  #6B7280;
    --pagination-link-border: #A5B4FC;
    
    --nav-bg-start: rgba(224,231,255,1);
    --nav-bg-end:   rgba(199,210,254,1);
    --nav-text:     #1E1B4B;
    
    --btn-text:       #FFFFFF;
    --btn-hover-text: #1E1B4B;
}

/* ---------- BLOSSOM — Soft pink / feminine ------------------------------- */
[data-theme="blossom"] {
    --bg:              #FFF0F6;
    --bg-dark:         #FFD6E7;
    --surface:         #FFFFFF;
    --surface-alt:     #FFC2D4;

    --primary:         #E91E8C;
    --primary-hover:   #F06292;
    --secondary:       #9C27B0;
    --secondary-hover: #BA68C8;
    --highlight:       #AD1457;

    --text:            #3D0026;
    --text-light:      #6A0040;
    --text-muted:      #AD6B8A;

    --border:          #F48FB1;
    --border-light:    #F06292;

    --search-bg:       #FFFFFF;
    --autocomplete-bg: #FFFFFF;
    --autocomplete-border:   #FFC2D4;
    --autocomplete-hover-bg: #FFF0F6;

    --pagination-link-color:  #AD6B8A;
    --pagination-link-border: #F48FB1;
    
    --nav-bg-start: rgba(255,214,231,1);
    --nav-bg-end:   rgba(255,194,212,1);
    --nav-text:     #3D0026;
    
    --btn-text:       #FFFFFF;
    --btn-hover-text: #3D0026;
}

/* ---------- SAND — Warm minimal / editorial ------------------------------ */
[data-theme="sand"] {
    --bg:              #FAF7F2;
    --bg-dark:         #F0E8D8;
    --surface:         #FFFFFF;
    --surface-alt:     #E8DCC8;

    --primary:         #B5500A;
    --primary-hover:   #D4621A;
    --secondary:       #7B6E5A;
    --secondary-hover: #9A8A72;
    --highlight:       #C87941;

    --text:            #2C1A0A;
    --text-light:      #5C3D1E;
    --text-muted:      #9A8070;

    --border:          #D4C4A8;
    --border-light:    #BEA882;

    --search-bg:       #FFFFFF;
    --autocomplete-bg: #FFFFFF;
    --autocomplete-border:   #E8DCC8;
    --autocomplete-hover-bg: #FAF7F2;

    --pagination-link-color:  #9A8070;
    --pagination-link-border: #D4C4A8;
    
    --nav-bg-start: rgba(240,232,216,1);
    --nav-bg-end:   rgba(232,220,200,1);
    --nav-text:     #2C1A0A;
    
    --btn-text:       #FFFFFF;
    --btn-hover-text: #2C1A0A;
}

/* ---------- MINT — Fresh / modern --------------------------------------- */
[data-theme="mint"] {
    --bg:              #F0FDF4;
    --bg-dark:         #DCFCE7;
    --surface:         #FFFFFF;
    --surface-alt:     #BBF7D0;

    --primary:         #059669;
    --primary-hover:   #10B981;
    --secondary:       #0284C7;
    --secondary-hover: #0EA5E9;
    --highlight:       #047857;

    --text:            #052E16;
    --text-light:      #14532D;
    --text-muted:      #6B7280;

    --border:          #86EFAC;
    --border-light:    #4ADE80;

    --search-bg:       #FFFFFF;
    --autocomplete-bg: #FFFFFF;
    --autocomplete-border:   #BBF7D0;
    --autocomplete-hover-bg: #F0FDF4;

    --pagination-link-color:  #6B7280;
    --pagination-link-border: #86EFAC;
    
    --nav-bg-start: rgba(220,252,231,1);
    --nav-bg-end:   rgba(187,247,208,1);
    --nav-text:     #052E16;
    
    --btn-text:       #FFFFFF;
    --btn-hover-text: #052E16;
}

/* ---------- PAPER — High contrast editorial ------------------------------ */
[data-theme="paper"] {
    --bg:              #FFFFF8;
    --bg-dark:         #F5F5E8;
    --surface:         #FFFFFF;
    --surface-alt:     #EBEBD8;

    --primary:         #CC0000;
    --primary-hover:   #E53935;
    --secondary:       #1565C0;
    --secondary-hover: #1976D2;
    --highlight:       #B71C1C;

    --text:            #111111;
    --text-light:      #333333;
    --text-muted:      #777777;

    --border:          #CCCCBB;
    --border-light:    #AAAAAA;

    --search-bg:       #FFFFFF;
    --autocomplete-bg: #FFFFFF;
    --autocomplete-border:   #EBEBD8;
    --autocomplete-hover-bg: #F5F5E8;

    --pagination-link-color:  #777777;
    --pagination-link-border: #CCCCBB;
    
    --nav-bg-start: rgba(245,245,232,1);
    --nav-bg-end:   rgba(235,235,216,1);
    --nav-text:     #111111;
    
    --btn-text:       #FFFFFF;
    --btn-hover-text: #111111;
}

/* ---------- LAVENDER — Soft purple / calming ----------------------------- */
[data-theme="lavender"] {
    --bg:              #F5F3FF;
    --bg-dark:         #EDE9FE;
    --surface:         #FFFFFF;
    --surface-alt:     #DDD6FE;

    --primary:         #7C3AED;
    --primary-hover:   #8B5CF6;
    --secondary:       #DB2777;
    --secondary-hover: #EC4899;
    --highlight:       #5B21B6;

    --text:            #1E1245;
    --text-light:      #3B1FA8;
    --text-muted:      #7C6FA8;

    --border:          #C4B5FD;
    --border-light:    #A78BFA;

    --search-bg:       #FFFFFF;
    --autocomplete-bg: #FFFFFF;
    --autocomplete-border:   #DDD6FE;
    --autocomplete-hover-bg: #F5F3FF;

    --pagination-link-color:  #7C6FA8;
    --pagination-link-border: #C4B5FD;
    
    --nav-bg-start: rgba(237,233,254,1);
    --nav-bg-end:   rgba(221,214,254,1);
    --nav-text:     #1E1245;
    
    --btn-text:       #FFFFFF;
    --btn-hover-text: #1E1245;
}