/* Base styles and custom properties */
:root {
    --burgundy-50: #fdf2f4;
    --burgundy-100: #fce7eb;
    --burgundy-200: #f9d0d9;
    --burgundy-300: #f3a7b8;
    --burgundy-400: #e96e8e;
    --burgundy-500: #d43f68;
    --burgundy-600: #b8284e;
    --burgundy-700: #961c3e;
    --burgundy-800: #7a1935;
    --burgundy-900: #65172e;
    --burgundy-950: #3a0a17;
    
    --blush-50: #fff8f7;
    --blush-100: #fff0ec;
    
    --font-sans: 'Outfit', sans-serif;
    --font-serif: 'Playfair Display', serif;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: var(--font-sans);
    font-weight: 300;
    line-height: 1.6;
    color: #1f2937;
    background-color: var(--blush-50);
}

/* Typography */
h1, h2, h3, h4 {
    font-family: var(--font-serif);
    font-weight: 400;
    line-height: 1.2;
}

/* Smooth transitions */
a {
    transition: color 0.3s ease, background-color 0.3s ease;
}

/* Image optimization */
img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* Selection color */
::selection {
    background-color: var(--burgundy-200);
    color: var(--burgundy-900);
}

/* Focus styles for accessibility */
a:focus-visible,
button:focus-visible {
    outline: 2px solid var(--burgundy-600);
    outline-offset: 2px;
}

/* Print styles */
@media print {
    nav,
    .reveal {
        display: none;
    }
    
    body {
        color: #000;
        background: #fff;
    }
    
    a {
        color: #000;
        text-decoration: underline;
    }
}