/* Poppins betűtípus importálása a Google Fonts-ból */ 
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap'); 

/* Kiegészítő finomhangolások a tökéletes sötét módhoz */ 
 body[data-theme="dark"]  { 
    background-color: #081C15 !important; 
    color: #FFFFFF !important; 
     font-family: 'Poppins', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important; 
     
    /* Fider specifikus színváltozók felülírása */ 
    --color-bg-default: #081C15;       /* Fő sötét háttér */ 
    --color-bg-surface: #1B4332;      /* Kártyák, panelek háttere */ 
    --color-bg-header: #1B4332;       /* Fejléc háttere */ 
     
    --color-primary: #52B788;          /* Elsődleges gombok, linkek */ 
    --color-primary-hover: #9D4EDD;    /* Hover állapot (lilás kiemelés) */ 
    --color-primary-active: #7B2CBF;   /* Kattintási állapot */ 
     
    /* Szövegszínek a jó olvashatóságért a sötét háttéren */ 
    --color-text-default: #FFFFFF; 
    --color-text-muted: #9D4EDD;       /* Halványabb szövegek lilával */ 
    --color-text-link: #52B788; 
     
    /* Borders és Input mezők */ 
    --color-border-default: #3D3D3D; 
    --color-bg-input: #3D3D3D; 
} 

 body[data-theme="light"]  { 
    background-color: #081C15 !important; 

     font-family: 'Poppins', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important; 
     
    /* Fider specifikus színváltozók felülírása */ 
    --color-bg-default: #081C15;       /* Fő sötét háttér */ 
    --color-bg-surface: #1B4332;      /* Kártyák, panelek háttere */ 
    --color-bg-header: #1B4332;       /* Fejléc háttere */ 
     --colors-gray-900:var(--color-text-default);
     --colors-gray-800:var(--color-text-default);
    --color-primary: #52B788;          /* Elsődleges gombok, linkek */ 
    --color-primary-hover: #9D4EDD;    /* Hover állapot (lilás kiemelés) */ 
    --color-primary-active: #7B2CBF;   /* Kattintási állapot */ 
     
    /* Szövegszínek a jó olvashatóságért a sötét háttéren */ 
    --color-text-default: #FFFFFF; 
    --color-text-muted: #9D4EDD;       /* Halványabb szövegek lilával */ 
    --color-text-link: #52B788; 
    /* Borders és Input mezők */ 
    --color-border-default: #3D3D3D; 
    --color-bg-input: #3D3D3D; 
} 

body[data-theme="dark"] .p-home__posts-col {
    background-color: #1B4332 !important;
}
 body[data-theme="light"] .bg-white, .bg-light, .bg-gray, .bg-surface { 
    background-color: #1B4332 !important; 
}
body[data-theme="light"] .c-dropdown {
    color: #081C15 !important;
}

body[data-theme="light"] .c-dropdown__list--left .c-dropdown__listitem:hover, .c-dropdown__list--left .c-dropdown__listitem, .c-share-feedback__content, .fider-tiptap-editor {
    color: #081C15 !important;
}


body[data-theme="light"] .page .p-home__posts-col, .p-home__welcome-col>:first-child{
    background-color: #1B4332 !important;
}
body[data-theme=light] .text-gray-800 {
color: #FFFFFF !important;
}
body[data-theme=light] .bg-blue-50{
    background-color: #1B4332 !important;
}

body[data-theme="light"] .text-default, .text-header, .text-muted, .text-link, .text-large, .text-break { 
    color: #FFFFFF !important;

}

 body[data-theme="dark"] .bg-white, .bg-light, .bg-gray, .bg-surface { 
    background-color: #1B4332 !important; 
}
     /* Gombok és Badge-ek extra stílusai a kapott lila színekkel */ 
.btn-primary, [data-theme="dark"] .btn-primary { 
    background-color: #52B788 !important; 
    border-color: #52B788 !important; 
    color: #081C15 !important; /* Sötét szöveg a világoszöld gombon */ 
    font-weight: 600; 
} 

[data-theme="dark"] .btn-primary:hover, [data-theme="dark"] .btn-primary:hover  { 
    background-color: #9D4EDD !important; 
    border-color: #9D4EDD !important; 
    color: #FFFFFF !important; 
} 

/* Szavazatszámláló és egyéb kiemelt elemek */ 
[data-theme="dark"].bg-purple, [data-theme="dark"] .tag-purple, [data-theme="dark"] .badge-active { 
    background-color: #7B2CBF !important; 
    color: #FFFFFF !important; 
} 

/* Téma-választó elrejtése (mivel fixen sötétet használunk, ne zavarja a usert) */ 
.c-themeswitcher, .c-powered, [class*="theme-toggle"] { 
    display: none !important; 
}