html {
    --grid-size: 8;

    --primary-50: #f6f1df;
    --primary-100: #e8daae;
    --primary-200: #d9c27c;
    --primary-300: #ccac48;
    --primary-400: #c49c1e;
    --primary-500: #bb8d00;
    --primary-600: #bb8200;
    --primary-700: #ba7300;
    --primary-800: #b86400;
    --primary-900: #b54700;
}