:root {
    --color-background: #ffffff;
    --color-surface: #ffe4f0;
    --color-text: #4a1942;
    --color-text-secondary: #8b5a83;
    --color-primary: #d946a6;
    --color-primary-hover: #c23d94;
    --color-border: rgba(217, 70, 166, 0.2);
    --color-card-border: rgba(217, 70, 166, 0.12);
    --font-family-base: sans-serif;
    --space-8: 8px;
    --space-12: 12px;
    --space-16: 16px;
    --space-24: 24px;
    --space-32: 32px;
    --space-48: 48px;
    --radius-base: 8px;
    --radius-lg: 12px;
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.04);
    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.04);
}

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

body {
    font-family: var(--font-family-base);
    background: var(--color-background);
    color: var(--color-text);
    line-height: 1.6;
}

h1 {
    font-size: 2.5rem;
    font-weight: 600;
    color: var(--color-primary);
    margin-bottom: var(--space-16);
}

h2 {
    font-size: 1.8rem;
    font-weight: 600;
    margin-bottom: var(--space-24);
    color: var(--color-text);
    border-left: 4px solid var(--color-primary);
    padding-left: var(--space-16);
}

h3 {
    font-size: 1.3rem;
    font-weight: 600;
    margin-bottom: var(--space-12);
    color: var(--color-primary);
}

p {
    margin-bottom: var(--space-16);
}