/* ==========================================================================
   TOPOGRAPHIC BACKGROUND SYSTEM
   ==========================================================================

   Structura clasei:  .section-{bg}-{lines}

   Combinatii disponibile:
     section-yellow-dark    → fundal galben,  linii dark
     section-dark-yellow    → fundal dark,    linii galbene
     section-yellow-teal    → fundal galben,  linii teal
     section-teal-dark      → fundal teal,    linii dark
     section-purple-dark    → fundal purple,  linii dark
     section-dark-purple    → fundal dark,    linii purple
     section-red-dark       → fundal red,     linii dark

   ========================================================================== */

/* ------ SHARED ------ */
[class*="section-"] {
   overflow: hidden;
   position: relative;
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
}

/* ------ BACKGROUND COLORS ------ */
.section-yellow-dark,
.section-yellow-teal {
   background-color: #f5b12e;
   color: #1a0a00;
}

.section-dark-yellow {
   background-color: #0d0d0d;
   color: #ffffff;
}

.section-teal-dark {
   background-color: #48a397;
   color: #ffffff;
}

.section-purple-dark {
   background-color: #5e4a9b;
   color: #ffffff;
}

.section-dark-purple {
   background-color: #0d0d0d;
   color: #ffffff;
}

.section-red-dark {
   background-color: #dc3552;
   color: #ffffff;
}

/* ------ LINE COLORS (topographic SVG) ------ */
.section-yellow-dark,
.section-teal-dark,
.section-purple-dark,
.section-red-dark {
   background-image: url('../img/svg/lines-dark.svg');
}

.section-dark-yellow {
   background-image: url('../img/svg/lines-yellow.svg');
}

.section-yellow-teal {
   background-image: url('../img/svg/lines-teal.svg');
}

.section-dark-purple {
   background-image: url('../img/svg/lines-purple.svg');
}



/* ==========================================================================
   FASCICULE DE LINII — DIZART BACKGROUND SYSTEM
   ==========================================================================

   Structura clasei:  .section-{bg}-lines

   Combinatii disponibile:
     section-dark-lines             -> fundal dark, linii galben + purple, ondulat teal
     section-dark-lines2            -> fundal dark, linii purple + teal, ondulat teal
     section-yellow-lines           -> fundal galben, linii maro-inchis + mov-inchis
     section-teal-lines             -> fundal teal, linii alb + galben
     section-purple-lines           -> fundal purple, linii galben + lavanda

   Utilizare:
     <section class="section-dark-lines py-5">
     <section class="section-yellow-lines py-5">
   ========================================================================== */


/* --------------------------------------------------------------------------
   Proprietati comune
   -------------------------------------------------------------------------- */

.section-dark-lines,
.section-dark-lines2,
.section-yellow-lines,
.section-teal-lines,
.section-purple-lines {
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
}

/* Headings si paragrafe pe fond deschis (galben) mostenesc culoarea */
.section-yellow-lines h1,
.section-yellow-lines h2,
.section-yellow-lines h3,
.section-yellow-lines h4,
.section-yellow-lines h5,
.section-yellow-lines h6,
.section-yellow-lines p,
.section-yellow-lines span,
.section-yellow-lines li {
   color: inherit;
}


/* --------------------------------------------------------------------------
   .section-dark-lines
   fundal dark, linii galben + purple, ondulat teal
   -------------------------------------------------------------------------- */

.section-dark-lines {
   background-color: #0d0d0d;
   background-image: url('../img/svg/section-dark-lines.svg');
   color: #ffffff;
}


/* --------------------------------------------------------------------------
   .section-dark-lines2
   fundal dark, linii purple + teal, ondulat teal
   -------------------------------------------------------------------------- */

.section-dark-lines2 {
   background-color: #0d0d0d;
   background-image: url('../img/svg/section-dark-lines.svg');
   color: #ffffff;
}


/* --------------------------------------------------------------------------
   .section-yellow-lines
   fundal galben, linii maro-inchis + mov-inchis
   -------------------------------------------------------------------------- */

.section-yellow-lines {
   background-color: #f5b12e;
   background-image: url('../img/svg/section-yellow-lines.svg');
   color: #1a0a00;
}


/* --------------------------------------------------------------------------
   .section-teal-lines
   fundal teal, linii alb + galben
   -------------------------------------------------------------------------- */

.section-teal-lines {
   background-color: #48a397;
   background-image: url('../img/svg/section-teal-lines.svg');
   color: #ffffff;
}


/* --------------------------------------------------------------------------
   .section-purple-lines
   fundal purple, linii galben + lavanda
   -------------------------------------------------------------------------- */

.section-purple-lines {
   background-color: #5e4a9b;
   background-image: url('../img/svg/section-purple-lines.svg');
   color: #ffffff;
}