:root{
    /* OG color scheme
     --bckg-color:#92a0a9;
    --bckg-secondary: black;
    --text-primary:black;
    --text-secondary:#92a0a9;
    --hsla:hsla(0, 0%, 68%, 0.9);
    --active:rgba(0,0,0,0.15); */

    /* --bckg-color:#ebf2f6; */
    /* --bckg-color:#F1FAEE; */
    /* --bckg-primary:#f8f8f8; */
    --bckg-primary:#fefefe;
    --bckg-color:#fefefe;
    --bckg-secondary: black;
    --text-primary:black;
    /* --text-primary:rgb(91, 71, 2); */
    --text-secondary:#92a0a9;
    --hsla:hsla(0, 0%, 68%, 0.9);
    --active:rgba(0,0,0,0.05);
    font-weight:600;

    --login-btn-text:white;
    --login-btn-bg:#E63946;
    --login-btn-hover:#b52c38;

    --btn-color:white;

    --island-primary:var(--bckg-primary);
    --island-secondary:#eee;
    --island-secondary-lighter:#eee;

    /* --btn-bg:#eee;
    --btn-hover:#ddd;
    --btn-active:#ccc; */
    --btn-text:white;
    --btn-bg:black;
    --btn-hover:#333;
    --btn-active:#555;

    --btn-2nd-text:var(--text-primary);
    --btn-2nd-bg:#eee;
    --btn-2nd-hover:#ddd;
    --btn-2nd-active:#ccc;

    --shadow:rgba(0,0,0,0.2);

    color-scheme:light;

    --grad-bckg:linear-gradient(50deg, rgba(242, 250, 255, 0.79), rgba(255, 255, 255, 0.71) 20%, rgba(168, 204, 220, 0.55) 90%);

    --accent-primary:dodgerblue;
    --grad-primary:linear-gradient(90deg,royalblue,dodgerblue);
    /* --grad-primary:linear-gradient(90deg,teal,rgb(76, 157, 157)); */
    --grad-alt:teal;
    /* --grad-alt:linear-gradient(90deg,teal,teal); */
    /* --grad-alt:linear-gradient(90deg,steelblue,steelblue); */

    /* --bckg-loading:var(--active); */
}