:root {
    /* Colours */
    --color-page: #FFFFFF;
    --color-surface-soft: #FAFAFA;
    --color-photo-stage: #F3F0EA;

    --color-text: #171717;
    --color-text-muted: #666666;
    --color-border: #E5E5E5;

    --color-accent: #171717;
    --color-accent-hover: #3A3A3A;

    --color-success: #2F6B45;
    --color-warning: #555555;
    --color-error: #9A2E2E;

    /* Typography */
    --font-heading: "Cormorant Garamond", Georgia, serif;
    --font-body: "Inter", Arial, sans-serif;

    /* Font weights */
    --weight-regular: 400;
    --weight-medium: 500;
    --weight-semibold: 600;

    /* Spacing */
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 24px;
    --space-6: 32px;
    --space-7: 48px;
    --space-8: 64px;
    --space-9: 80px;
    --space-10: 96px;

    /* Radius */
    --radius-field: 6px;
    --radius-image: 6px;
    --radius-button: 8px;
    --radius-panel: 8px;
    --radius-modal: 10px;
    --radius-pill: 999px;

    /* Content widths */
    --width-retail: 1360px;
    --width-text: 760px;
    --width-product-description: 820px;
    --width-header: 1440px;
    --width-checkout: 1160px;

    /* Page padding */
    --page-padding-large: 40px;
    --page-padding-desktop: 32px;
    --page-padding-tablet: 24px;
    --page-padding-mobile: 18px;

    /* Motion */
    --transition-fast: 180ms ease;
    --transition-standard: 220ms ease;

    /* Shadows */
    --shadow-header: 0 1px 0 rgba(23, 23, 23, 0.08);
    --shadow-dropdown: 0 12px 32px rgba(23, 23, 23, 0.10);
    --shadow-modal: 0 20px 50px rgba(23, 23, 23, 0.15);
}