:root {

        /* --primary-red: #922530; */
        --primary-red: #660912;
            --bg-black: #080808;
            --surface: #121212;
             --gold: #c5a059;
              --gorent-black: #1c1c27;
            --text-gray: #a0a0a0;
            --black:#000000;
            --footer-black: #080808;
    --text-muted: #a0a0a0;
            --surface: #121212;
    --gorent-white-rgb: 255, 255, 255;
    --gorent-white: #ffffff;
        --dark-bg: #0c0c0c;
    --font-main: 'Barlow', sans-serif;
    --font-display: 'Barlow Condensed', sans-serif;
    
}
body {
            background-color: var(--bg-black);
            font-family: 'Outfit', sans-serif;
            letter-spacing: -0.02em;
        }

        .font-syne { font-family: 'Syne', sans-serif; }
        .text-primary-red { color: var(--primary-red); }
        .bg-primary-red { background-color: var(--primary-red); }
        .text-black{
          color: var(--black);
        }
          .dark-bg { background-color: var(--dark-bg) !important; }
          .bg-black { background-color: var(--bg-black) !important; }