/* Stitch Design Tokens extracted from Tailwind Config */
:root {
    /* Colors */
    --stitch-surface-bright: #fcf9f8;
    --stitch-surface: #fcf9f8;
    --stitch-surface-variant: #e5e2e1;
    --stitch-surface-container: #f0eded;
    --stitch-surface-container-low: #f6f3f2;
    --stitch-surface-container-lowest: #ffffff;
    --stitch-inverse-surface: #313030;
    --stitch-on-surface: #1c1b1b;
    --stitch-on-surface-variant: #5d3f3c;
    
    --stitch-primary: #a30012;
    --stitch-on-primary: #ffffff;
    --stitch-primary-container: #d0021b;
    --stitch-on-primary-container: #ffdfdc;
    
    --stitch-secondary: #5e5e5e;
    --stitch-on-secondary: #ffffff;

    /* Spacing */
    --stitch-unit-xs: 4px;
    --stitch-unit-sm: 8px;
    --stitch-unit-md: 16px;
    --stitch-unit-lg: 32px;
    --stitch-unit-xl: 64px;
    --stitch-gutter: 24px;
    --stitch-margin-mobile: 20px;
    --stitch-margin-desktop: 64px;
    --stitch-container-max: 1440px;
    
    /* Typography */
    --stitch-font-display: 'Bodoni Moda', serif;
    --stitch-font-body: 'Montserrat', sans-serif;
}

/* Material Icons Override */
.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}