:root {
    --color-primary:   #3D348B;
    --color-secondary: #7678ED;
    --color-accent1:   #F7B801;
    --color-accent2:   #F18701;
    --color-danger:    #F35B04;
    --color-bg:        #FFFFFF;
    --color-surface:   #F5F5F5;
    --color-text:      #1A1A1A;
    --color-text-muted: #666666;
    --radius:          4px;
}

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

html {
    font-size: 16px;
}

body {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 1rem;
    line-height: 1.5;
    color: var(--color-text);
    background: var(--color-bg);
}

a {
    color: var(--color-secondary);
    text-decoration: none;
}

a:hover {
    color: var(--color-primary);
    text-decoration: underline;
}

h1, h2, h3, h4 {
    line-height: 1.25;
    font-weight: 600;
}