:root {
    --color-primary: #6d28d9;
    --color-primary-hover: #5b21b6;
    --color-secondary: #475569;
    --color-accent: #f59e0b;
    --color-accent-hover: #d97706;
    --color-background: #ffffff;
    --color-surface: #fafafa;
    --color-text-primary: #1e1b4b;
    --color-text-secondary: #6b7280;
    --color-header-bg: #ffffff;
    --color-header-text: #1e1b4b;
    --color-footer-bg: #1e1b4b;
    --color-footer-text: #e0e7ff;
    --color-sale-badge: #ef4444;
    --color-border: #ede9fe;
    --font-family: 'Plus Jakarta Sans', sans-serif;
    --font-family-heading: 'Plus Jakarta Sans', sans-serif;
    --font-size-base: 15px;
    --font-weight-heading: 800;
    --font-weight-body: 400;
    --line-height: 1.65;
    --heading-line-height: 1.15;
    --letter-spacing: -0.01em;
}

body {
    font-family: var(--font-family);
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-body);
    line-height: var(--line-height);
    color: var(--color-text-primary);
    background-color: var(--color-background);
    letter-spacing: var(--letter-spacing);
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-family-heading);
    font-weight: var(--font-weight-heading);
    line-height: var(--heading-line-height);
}