:root {
    /* Light mode */
    --light-text: #010408;
    --light-text-gray: #1f1f1f;
    --light-bg: #f7f7f7;
    --light-theme: #d34a97;

    /* Dark mode */
    --dark-text: #e7e7e7;
    --dark-bg: #030c19;

    /* Navigation */
    --nav-color: #081c3c;

    /* Text Color */
    --primary-text: #010408;

    /* Primary Colors */
    --primary: #e8a847;
    --primary-tint: #f1c98d;
    --primary-tint-2: #f3d19e;
    --primary-tint-3: #f5d9b0;
    --primary-tint-4: #f7e2c1;
    --primary-tint-5: #f9ead2;
    --primary-tint-6: #fcf2e4;
    --primary-tint-7: #fefaf5;

    /* Compliment Colors */
    --compliment: #4787e8;

    --compliment-tint-1: #8db4f1;
    --compliment-tint-2: #9ec0f3;
    --compliment-tint-3: #b0cbf5;
    --compliment-tint-4: #c1d7f7;
    --compliment-tint-5: #d2e2f9;
    --compliment-tint-6: #e4edfc;
    --compliment-tint-7: #f5f9fe;

    --cshade: #0e3570;
    --cshade3: #081c3c;
    --cshade5: #030c19;
    --cshade6: #010408;
    --ctint: #8db4f1;
}