/* This file contains modal styles for the application */
.cg-modal-header {
    background-color: var(--color-primary);
    color: var(--color-white);

    border-top-left-radius: var(--border-radius-2xl);
    border-top-right-radius: var(--border-radius-2xl);
}

.cg-modal-content {
    border-radius: var(--border-radius-2xl);
    box-shadow: var(--shadow-lg);
}

.cg-modal-title {
    color: var(--color-brand-green-2-25);
    /* display-sm-medium */
    font-family: var(--font-display);
    font-size: var(--display-sm-medium-size);
    line-height: var(--display-sm-medium-line);
    font-weight: 500;
}

.cg-modal-subtitle {
    color: var(--color-black);
    /* display-xs-medium */
    font-family: var(--font-display);
    font-size: var(--display-xs-medium-size);
    line-height: var(--display-xs-medium-line);
    font-weight: 500;
}

.cg-modal-body {
    background-color: var(--modal-bg-default);
    border-bottom-left-radius: var(--border-radius-2xl);
    border-bottom-right-radius: var(--border-radius-2xl);
    gap: var(--spacing-2);
    display: flex;
    width: 100%;
}