:root {
    --bg-primary: #fafafa;
    --bg-secondary: #f5f5f5;
    --bg-dark: #1a1a1a;
    --text-primary: #2d2d2d;
    --text-secondary: #5a5a5a;
    --text-tertiary: #8a8a8a;
    --accent: #e07a5f;
    --accent-light: #f2a285;
    --accent-dark: #c4604a;
    --ocean: #3d8b8b;
    --ocean-light: #5aadad;
    --sand: #d4a574;
    --white: #ffffff;
    --transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
    --ease-out-quart: cubic-bezier(0.25, 1, 0.5, 1);
    --space-unit: 8px;
}