/**
 * Shared Background Colors & Gradients
 * Global utility classes for all blocks
 * Import this in each block's editor.css and frontend.css
 */

/* ============================================================================
   DF Brand Gradients
   ========================================================================= */
.bg-brand-warm {
    background-image: linear-gradient(90deg, #FEF5E2 0%, #EEF9F9 85.5%);
}

.bg-brand-aurora {
    background-image: linear-gradient(135deg, #e6e6fa 0%, #d8bfd8 25%, #b0e0e6 75%, #e0f6ff 100%);
}

.bg-df-cta {
    background-image: radial-gradient(ellipse 87.3% 398.59% at 78.79% 58.19%, #E2B65E 3%, #F671A6 24%, #049595 85%);
}

.bg-df-mobile-cta {
    background-image: linear-gradient(to right, #049595 3%, #F671A6 87%);
}

.bg-df-highlight {
    background-image: linear-gradient(transparent 14px, #E3F1F3 14px, #E3F1F3 34px, transparent 34px);
}

/* ============================================================================
   DF Brand Colors
   ========================================================================= */
.bg-brand-dark { background-color: #383d3d; }
.bg-brand-grey { background-color: #f0f0ef; }
.bg-brand-green { background-color: #038181; }
.bg-brand-beige { background-color: #faf8f4; }
.bg-brand-rose { background-color: #f5e9e4; }

/* ============================================================================
   Neutrals
   ========================================================================= */
.bg-white { background-color: #ffffff; }
.bg-transparent { background-color: transparent; }
.bg-primary-50 { background-color: #faf8f4; }
.bg-primary-100 { background-color: #f5e9e4; }
.bg-primary-200 { background-color: #f0f0ef; }
.bg-primary-700 { background-color: #383d3d; }
.bg-black { background-color: #000000; }

/* ============================================================================
   Accent Colors
   ========================================================================= */
.bg-accent-50 { background-color: #e6f7f7; }
.bg-accent-100 { background-color: #b3ebeb; }
.bg-accent-200 { background-color: #80dfdf; }
.bg-accent-500 { background-color: #038181; }
.bg-accent-700 { background-color: #024d4d; }

/* ============================================================================
   Semantic Colors
   ========================================================================= */
.bg-success { background-color: #049595; }
.bg-warning { background-color: #e2b65e; }
.bg-error { background-color: #d35e4a; }
.bg-highlight { background-color: #e3f1f3; }