/* Define color variables */
:root {
    /* GENERAL */
    --primary-color: #333; /* Main color for text, buttons, and separators */
    --secondary-color: #444; /* Background for navigation */
    --text-color: #fff; /* Main text color on dark backgrounds */
    --body-text-color: #333; /* Main text color for body */
    --accent-color: #db5e0b;

    /* HERO TERMINAL */
    --hero-foreground-color: rgba(255, 255, 255, 0.848);
    --hero-background-color: rgb(27, 26, 26);

    --terminal-secondary-color: #444;
    --terminal-accent-color: #2368bc;
    --terminal-textbox-color: #000;

    /* PROFILE */
    --profile-border-color: rgba(40, 181, 45, 0.761);

    /* NAV */
    --nav-color: rgb(42, 42, 42);

    /* DEMO BUTTON */
    --demo-color: #db5e0b;
    --demo-color2: rgb(185, 52, 11);

    /* GITHUB BUTTON */
    --git-color: rgb(59, 59, 59);
    --git-color2: #560bad;
    --git-color-click: #d0137e;

    /* GOOGLE PLAY BUTTON */
    --google-play-color: rgb(76, 176, 76);

    /* SOCIAL */
    --social-color: rgb(255, 255, 255);
    --social-github: #333;
    --social-linkedin: #0e76a8;
}