:root {
    --color-yellow: #f4c400;
    --color-yellow-dark: #d8aa00;
    --color-black: #111111;
    --color-charcoal: #272727;
    --color-gray-900: #333333;
    --color-gray-700: #666666;
    --color-gray-400: #b5b5b5;
    --color-gray-200: #e8e8e8;
    --color-gray-100: #f5f5f5;
    --color-white: #ffffff;
    --font-heading: Inter, Arial, sans-serif;
    --font-body: Inter, Arial, sans-serif;
    --container-width: 1240px;
    --radius-sm: 8px;
    --radius-md: 16px;
    --radius-lg: 28px;
    --shadow-soft: 0 16px 50px rgb(0 0 0 / 8%);
    --transition-base: 250ms ease;
}