:root{
    --color-primary: #007bff;
    --color-secondary: #6c757d;
    --color-dark-primary: #ffffff;
    --color-dark-secondary: #a0a0b0;
    --color-success: #28a745;
    --color-danger: #dc3545;
    --color-warning: #ffc107;
    --color-info: #17a2b8;
    --color-light: #f8f9fa;
    --color-dark: #343a40;
    --color-white: #ffffff;
    --color-black: #000000;
    --font-family-sans-serif: 'Helvetica Neue', Arial, sans-serif;
    --font-family-serif: 'Inter', 'Segoe UI', 'Roboto', sans-serif;
    --font-family-monospace: 'Courier New', Courier, monospace;
    /* --color-background-light-primary: #f0f0f0;
    --color-background-light-secondary: #f0f0f0; */
    --color-background-dark-primary: #0f0f1a;
    --color-background-dark-secondary: linear-gradient(135deg, #1c1c2e, #0f0f1a);
    /* --color-background-dark-primary: #0f0f1a;
    --color-background-dark-secondary: linear-gradient(135deg, #1c1c2e, #0f0f1a); */
}

*,body,html{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: var(--font-family-sans-serif);
    /* color: var(--color-dark-primary); */
    /* background-color: rgb(41 43 50)!important; */
}
body{
    background-color: rgb(41 43 50)!important;

}

.h-screen{
    background-color: rgb(41 43 50);
    width: 90%;
    max-width: 1000px;
    margin: auto;
}


.modal-content{
    background: var(--color-background-dark-primary)!important;
    color: var(--color-dark-primary)!important;
}

.modal-content .btn-close{
    color: var(--color-dark-primary)!important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 24 24'%3E%3Cpath d='M18.3 5.71a1 1 0 0 0-1.41 0L12 10.59 7.11 5.7A1 1 0 0 0 5.7 7.11L10.59 12l-4.89 4.89a1 1 0 1 0 1.41 1.41L12 13.41l4.89 4.89a1 1 0 0 0 1.41-1.41L13.41 12l4.89-4.89a1 1 0 0 0 0-1.4z'/%3E%3C/svg%3E")!important;
    background-size: 30px;
;
}
.list-group-item{
    background: var(--color-background-dark-primary)!important;
    color: var(--color-dark-primary)!important;
}

textarea, input{
    /* background: var(--color-background-dark-primary)!important;
    color: var(--color-dark-primary)!important; */
    /* border: 1px solid var(--color-border)!important;
    border-radius: 0.5rem!important;
    padding: 8px!important;
    margin: 8px 0!important;
    width: calc(100% - 16px)!important;
    font-size: 14px!important; */
}

.h-screen{
    width: 100% !important;;
}