:root {
    --primary-color-100: #403226;
    --primary-color-200: #70655c;
    --primary-color-300: #887f78;
    --primary-color-400: #a09993;
    --primary-color-500: #b8b3ae;

    --secondary-color-100: #bb9a65;
    --secondary-color-200: #d0b994;
    --secondary-color-300: #d7c3a4;
    --secondary-color-400: #e5d8c3;
    --secondary-color-500: #ece2d3;
    --secondary-color-600: #f2ece3;
    --secondary-color-700: #f9f7f2;

    --ternary-color-100: #666666;
    --ternary-color-200: #808080;
    --ternary-color-300: #9a9a9a;
    --ternary-color-400: #b3b3b3;
    --ternary-color-500: #cdcdcd;

    --back-color: #000;
    --white-color: #fff;
    
    --white-muted: rgba(255, 255, 255, 0.7);
    --white-faded: rgba(255, 255, 255, 0.5);
    --white-subtle: rgba(255, 255, 255, 0.1);
}