:root {
    /* Marca */
    --dsm-color-primary: #24352a;
    --dsm-color-primary-hover: #17231b;
    --dsm-color-secondary: #dce8df;
    --dsm-color-accent: #b8793d;

    /* Superficies */
    --dsm-color-background: #f5f7f5;
    --dsm-color-surface: #ffffff;
    --dsm-color-surface-muted: #eef2ef;

    /* Texto */
    --dsm-color-text: #1e2520;
    --dsm-color-text-muted: #667069;
    --dsm-color-text-inverse: #ffffff;

    /* Bordes */
    --dsm-color-border: #d9dfda;
    --dsm-color-focus: #4f7d5b;

    /* Estados */
    --dsm-color-success: #087443;
    --dsm-color-success-background: #ecfdf3;
    --dsm-color-warning: #9a6700;
    --dsm-color-warning-background: #fff8e1;
    --dsm-color-error: #b42318;
    --dsm-color-error-background: #fef3f2;

    /* Tipografía */
    --dsm-font-family:
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;

    --dsm-font-size-xs: 0.75rem;
    --dsm-font-size-sm: 0.875rem;
    --dsm-font-size-md: 1rem;
    --dsm-font-size-lg: 1.25rem;
    --dsm-font-size-xl: 1.75rem;
    --dsm-font-size-2xl: 2.25rem;

    --dsm-line-height-sm: 1.3;
    --dsm-line-height-md: 1.6;

    /* Espaciado */
    --dsm-space-1: 0.25rem;
    --dsm-space-2: 0.5rem;
    --dsm-space-3: 0.75rem;
    --dsm-space-4: 1rem;
    --dsm-space-5: 1.5rem;
    --dsm-space-6: 2rem;
    --dsm-space-7: 3rem;

    /* Bordes redondeados */
    --dsm-radius-sm: 0.375rem;
    --dsm-radius-md: 0.75rem;
    --dsm-radius-lg: 1.25rem;

    /* Sombras */
    --dsm-shadow-sm: 0 2px 8px rgba(20, 30, 23, 0.06);
    --dsm-shadow-card: 0 18px 50px rgba(20, 30, 23, 0.10);

    /* Layout */
    --dsm-container-width: 1280px;
    --dsm-auth-width: 460px;

    /* Transiciones */
    --dsm-transition-fast: 160ms ease;
}