/* These styles are generated from project.scss. */

/* ============================================
   GLOBAL GRADIENTS & BACKGROUNDS
   ============================================ */
:root {
    /* Section Gradient - White to Subtle Teal to White */
    --section-gradient: linear-gradient(180deg, 
        #ffffff 0%, 
        #f4f9f9 25%, 
        #ecf5f5 50%, 
        #f4f9f9 75%, 
        #ffffff 100%
    );
}

/* Apply gradient background to sections */
.gradient-bg,
.section-gradient-bg {
    background: var(--section-gradient);
    position: relative;
}

.alert-debug {
  color: black;
  background-color: white;
  border-color: #d6e9c6;
}

.alert-error {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}