:root {
    --primary-bg-color: #131921;
    --primary-logo-color: #8648a3;
    --primary-text-color: #ffffff;
    --primary-body-color: #292929;
    --primary-border-color: #dadada;
    --secondary-border-color: #717171;
    --primary-button-color: #4854a3;
    --grammar-table-color: #093e38;
    --grammar-table-border-color: #1c7469;
    --grammar-phonetic-color: #326195;
    --grammar-alphabet-color: #808080;
    --note-color: #ffedcb;
    --secondary-note-color: #ffc6b0;
    --note-button-color: #ffd68b;
    --cerf-color-a: #c735be;
    --cerf-color-b: #32af9c;
    --cerf-color-c: #3c8cd9;
    --menu-drop: #f1f1f1;
    --words-button-color: #e3e3e3;
    --words-button-hover-color: #c2c2c2;

    /* box shadow */
    --shadow-offset-x: 0px;
    --shadow-offset-y: 4px;
    --shadow-blur-radius: 10px;
    --shadow-color: rgba(0, 0, 0, 0.15);
}