:root {
/* DARK THEME VARIABLES */

  /*Solid*/

    --black: #000000;
    --dark-charcoal: #1a1a1a;
    --dark-gray: #202124;
    --medium-charcoal: #3d3d3d;
    --gunmetal: #3c4043;
    --slate-gray: #495057;
    --light-gray: #bdc1c6;
    --dark-blue: #002d62;
    --royal-blue: #1a73e8;
    --light-blue: #8ab4f8;
    --dark-red: #b32415;
    --coral-red: #ea4335;
    --light-coral: #d7695f;
    --amber-yellow: #fbbc04;
    --gold: #e4c978;
    --emerald-green: #34a853;
    --lime: #0f0;
    --white: #ffffff;

    /*Translucent*/
    
    --white-translucent-light: rgba(255, 255, 255, 0.05);
    --white-translucent-inline: rgba(255, 255, 255, 0.08);
    --white-translucent-medium: rgba(255, 255, 255, 0.1);
    --white-translucent-heavy: rgba(255, 255, 255, 0.12);
    --shadow-subtle: 0 4px 6px rgba(0,0,0,0.3);
    --shadow-lift: 0 8px 15px rgba(0,0,0,0.5);
    --white-translucent-subtle: rgba(255, 255, 255, 0.035); 
    --black-translucent-deep: rgba(0, 0, 0, 0.9);
    --black-translucent-dim: rgba(0, 0, 0, 0.85);
    --black-opaque: rgba(0, 0, 0, 1);
    --black-translucent-shadow: rgba(0, 0, 0, 0.5);
    --white-translucent-unused: rgba(255, 255, 255, 0.05);
    --white-translucent-subtle: rgba(255, 255, 255, 0.035); 
    --black-opaque: rgba(0, 0, 0, 1);
    --black-translucent-deep: rgba(0, 0, 0, 0.9);
    --black-translucent-dim: rgba(0, 0, 0, 0.85);
    --black-translucent-shadow: rgba(0, 0, 0, 0.5);
    --white-translucent-unused: rgba(255, 255, 255, 0.05);
    --white-translucent-subtle: rgba(255, 255, 255, 0.035); 
    --black-opaque: rgba(0, 0, 0, 1);
    --black-translucent-deep: rgba(0, 0, 0, 0.9);
    --black-translucent-dim: rgba(0, 0, 0, 0.85);
    --black-translucent-shadow: rgba(0, 0, 0, 0.5);
    --white-translucent-unused: rgba(255, 255, 255, 0.05);


    /* Gradients*/
    --read-more-blend: linear-gradient(to right, transparent, rgba(30, 30, 30, 1) 20%);
    --gradient-red: linear-gradient(180deg, #ea4335 0%, #d93025 100%);
    --gradient-green: linear-gradient(180deg, #34a853 0%, #1e8e3e 100%);
    --gradient-purple: linear-gradient(180deg, #6b4c73 0%, #4d2d54 100%);
    --gradient-blue: linear-gradient(180deg, #82a2d6 0%, #134688 100%);
    --gradient-yellow: linear-gradient(180deg, #fbbc04 0%, #f29900 100%);
    --gradient-bronze: linear-gradient(180deg, #a87c43 0%, #744f28 100%);
 
    

    /*Animation*/
    --pop-settings: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;

}

body {
    background-color: var(--black);
    color: var(--white);
    font-family: 'Segoe UI', sans-serif;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 25px;
    padding-bottom: 80px !important;
    margin: 0;
    min-height: 100vh;
}