:root {
    --primary-background: #111827;
    --primary-foreground: #fff;

    --titlebar-background: #d4a017;
    --button-hover-background:#ffcc0050;
    --block-default-background: #111827;
    --background-cards:#1f2937;
    --footerbar-background: #1a2b42;
    --modal-background: #1a2b42;
    --searchbox-background: #1f2937;
    --no-image-background: #2a2a3e;

    --border-black: #333 ;
    --border-input:#374151;

    --navbar-top: var(--titlebar-background);
    --navbar-side: #1a1a2e;

    --switch-button-default: rgb(51, 51, 51);
    --switch-button-hover: #ffcc0050;

    --text-yellow: #facc15;
    --text-yellow-hover: #caa717;
    --text-white: #fff;
    --text-black: #000;
    --text-lightgrey: #aaa;
    --text-muted: var(--text-lightgrey);
    --text-navy: #1f2937;
    --footer-text-color: var(--text-muted);
}