@layer platform {
    .dialog {
        --dialog-backdrop-color: var(--theme-backdrop);
        --dialog-shadow-color: elevation-shadow-value(3);
        --dialog-background-color: var(--theme-bg-dialog);
        --dialog-title-border: 1px solid var(--theme-fg-divider);
        --dialog-title-padding: 1.25rem 1.5rem 0.75rem 1.5rem;
        --dialog-content-padding: 0.75rem 1.5rem;
        --dialog-actions-padding: 0.75rem;
        --dialog-actions-gap: 0.5rem;
        --dialog-radius: 1rem;
    }

    .dialog-window--title {
        font-weight: 600;
        font-size: 1.25rem;
    }

    .dialog-window--content .dialog-window__actions {
        padding: 0;
    }

    .dialog-window__density-comfortable {
        --dialog-content-gap: 0.75rem;
        --dialog-content-padding: 1.5rem;
    }
}