:root {
    /* Colors */
    --color-bg: #f9f9f9;
    --color-bg-card: #ffffff;
    --color-text: #111111;
    --color-text-muted: #636363;
    --color-border: #A4A4A4;
    --color-accent: #f71313;

    /* Fonts */
    --font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    --font-serif: "Libre Baskerville", Cardo, Georgia, serif;
    --font-display: "Arial Black", "Arial Bold", Gadget, sans-serif;

    /* Spacing */
    --spacing-sm: 1rem;
    --spacing-md: 1.5rem;
    --spacing-lg: 2rem;
    --spacing-xl: 3rem;
    --spacing-xxl: 4rem;

    /* Layout */
    --container-width: 1200px;
    --page-padding: 32px;
}

/* Responsive Padding */
@media (max-width: 768px) {
    :root {
        --page-padding: 20px;
    }
}

@media (max-width: 480px) {
    :root {
        --page-padding: 16px;
    }
}