:root {
    color-scheme: dark;

    --bg: #020617;
    --body-bg: #020617;

    --card: #020617;
    --card-2: #0f172a;

    --text: #e5e7eb;
    --muted: #94a3b8;

    --border: rgba(148, 163, 184, .20);

    --input-bg: #020617;
    --input-text: #e5e7eb;
    --input-border: rgba(148, 163, 184, .22);

    --header-bg-1: #020617;
    --header-bg-2: #081127;

    --btn-dark-1: #1e293b;
    --btn-dark-2: #0f172a;
    --btn-dark-border: #334155;

    --menu-card-1: #0f1a31;
    --menu-card-2: #0d172b;
    --menu-border: #223453;

    --accordion-head-1: #111827;
    --accordion-head-2: #0f172a;

    --success: #86efac;
    --danger: #fca5a5;
    --warning: #fbbf24;
    --info: #93c5fd;
    --purple: #d8b4fe;
    --teal: #5eead4;
}

body {
    background: var(--bg);
    color: var(--text);
}

input,
select,
textarea {
    background: var(--input-bg);
    color: var(--input-text);
    border-color: var(--input-border);
}