:root {
    --sera-primary: #E8549E;
    --sera-secondary: #F29CBA;
    --sera-tertiary: #FAD6E3;
    --sera-warm-cream: #FDF8F0;
    --sera-blush-pink: #F5DEE6;
    --sera-rose-gold: #EDB0AB;
    --sera-pink-80: #D98CB3;
    --sera-pink-40: #B3668C;

    --sera-on-background: #1D1B20;
    --sera-on-surface: #1D1B20;
    --sera-on-surface-variant: #49454F;

    --sera-cycle-menstruation: #E8A5A5;
    --sera-cycle-follicular: #A8D5A8;
    --sera-cycle-ovulation: #FFCC80;
    --sera-cycle-luteal: #B39DDB;

    --sera-font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
    --sera-font-display: 'Lora', Georgia, serif;

    --sera-display-large: 4rem;
    --sera-display-medium: 3.25rem;
    --sera-display-small: 2.75rem;
    --sera-headline-large: 2.5rem;
    --sera-headline-medium: 2rem;
    --sera-headline-small: 1.75rem;
    --sera-title-large: 1.5rem;
    --sera-title-medium: 1.25rem;
    --sera-body-large: 1.125rem;
    --sera-body-medium: 1rem;
    --sera-body-small: 0.875rem;
    --sera-label-large: 0.9375rem;

    --sera-radius-sm: 8px;
    --sera-radius-md: 16px;
    --sera-radius-lg: 24px;
    --sera-radius-xl: 32px;

    --sera-shadow-sm: 0 1px 3px rgba(29, 27, 32, 0.08);
    --sera-shadow-md: 0 4px 12px rgba(29, 27, 32, 0.1);
    --sera-shadow-lg: 0 8px 24px rgba(29, 27, 32, 0.12);

    --sera-spacing-xs: 4px;
    --sera-spacing-sm: 8px;
    --sera-spacing-md: 16px;
    --sera-spacing-lg: 24px;
    --sera-spacing-xl: 40px;
    --sera-spacing-2xl: 64px;
    --sera-spacing-3xl: 96px;

    --sera-max-width: 1200px;
    --sera-content-width: 800px;

    --sera-success: #4CAF50;
    --sera-error: #F44336;
}