/**
 * Generated / curated design tokens.
 * Replace these values per project using the project's sistema-visual.html.
 */
:root {
    --es-color-primary: #111111;
    --es-color-secondary: #f3f3f3;
    --es-color-accent: #666666;
    --es-color-text: #1f2937;
    --es-color-background: #ffffff;
    --es-color-surface: #ffffff;
    --es-color-surface-text: #1f2937;

    --es-font-heading: inherit;
    --es-font-body: inherit;

    --es-radius-sm: 4px;
    --es-radius-md: 8px;
    --es-radius-lg: 16px;

    --es-spacing-xs: 0.25rem;
    --es-spacing-sm: 0.5rem;
    --es-spacing-md: 1rem;
    --es-spacing-lg: 2rem;
    --es-spacing-xl: 4rem;
}