/* Generat din app/Config/Theme.php cu `php spark tema:css`. Nu se editează de mână. */

:root {
  --c-verde: #0E5A3A;
  --c-verde-soft: #E6F0EA;
  --c-smarald: #047857;
  --c-smarald-soft: #D1FAE5;
  --c-turcoaz: #0F766E;
  --c-turcoaz-soft: #CCFBF1;
  --c-cer: #0369A1;
  --c-cer-soft: #E0F2FE;
  --c-cyan: #0E7490;
  --c-cyan-soft: #CFFAFE;
  --c-albastru: #1D4ED8;
  --c-albastru-soft: #DBEAFE;
  --c-indigo: #4338CA;
  --c-indigo-soft: #E0E7FF;
  --c-violet: #6D28D9;
  --c-violet-soft: #EDE9FE;
  --c-purpuriu: #A21CAF;
  --c-purpuriu-soft: #FAE8FF;
  --c-rubiniu: #BE123C;
  --c-rubiniu-soft: #FFE4E6;
  --c-chihlimbar: #B45309;
  --c-chihlimbar-soft: #FEF3C7;
  --c-oliv: #4D7C0F;
  --c-oliv-soft: #ECFCCB;
  --c-grafit: #334155;
  --c-grafit-soft: #E2E8F0;
  --brand: var(--c-verde);
  --brand-soft: var(--c-verde-soft);
  --brand-2: var(--c-cer);
  --brand-2-soft: var(--c-cer-soft);
  --night: #0B1A2E;
}

.tema-stiinte { --tema: var(--c-verde); --tema-soft: var(--c-verde-soft); }
.tema-matematica { --tema: var(--c-indigo); --tema-soft: var(--c-indigo-soft); }
.tema-informatica { --tema: var(--c-albastru); --tema-soft: var(--c-albastru-soft); }
.tema-biologie { --tema: var(--c-oliv); --tema-soft: var(--c-oliv-soft); }
.tema-animale { --tema: var(--c-chihlimbar); --tema-soft: var(--c-chihlimbar-soft); }
.tema-plante { --tema: var(--c-smarald); --tema-soft: var(--c-smarald-soft); }
.tema-cercetare { --tema: var(--c-turcoaz); --tema-soft: var(--c-turcoaz-soft); }
.tema-educatie { --tema: var(--c-violet); --tema-soft: var(--c-violet-soft); }
.tema-international { --tema: var(--c-cer); --tema-soft: var(--c-cer-soft); }
.tema-campus { --tema: var(--c-cer); --tema-soft: var(--c-cer-soft); }
.ton-verde { --tema: var(--c-verde); --tema-soft: var(--c-verde-soft); }
.ton-smarald { --tema: var(--c-smarald); --tema-soft: var(--c-smarald-soft); }
.ton-turcoaz { --tema: var(--c-turcoaz); --tema-soft: var(--c-turcoaz-soft); }
.ton-cer { --tema: var(--c-cer); --tema-soft: var(--c-cer-soft); }
.ton-cyan { --tema: var(--c-cyan); --tema-soft: var(--c-cyan-soft); }
.ton-albastru { --tema: var(--c-albastru); --tema-soft: var(--c-albastru-soft); }
.ton-indigo { --tema: var(--c-indigo); --tema-soft: var(--c-indigo-soft); }
.ton-violet { --tema: var(--c-violet); --tema-soft: var(--c-violet-soft); }
.ton-purpuriu { --tema: var(--c-purpuriu); --tema-soft: var(--c-purpuriu-soft); }
.ton-rubiniu { --tema: var(--c-rubiniu); --tema-soft: var(--c-rubiniu-soft); }
.ton-chihlimbar { --tema: var(--c-chihlimbar); --tema-soft: var(--c-chihlimbar-soft); }
.ton-oliv { --tema: var(--c-oliv); --tema-soft: var(--c-oliv-soft); }
.ton-grafit { --tema: var(--c-grafit); --tema-soft: var(--c-grafit-soft); }

/* Culori în text (din editor) */
.c-verde { color: var(--c-verde); }
.c-smarald { color: var(--c-smarald); }
.c-turcoaz { color: var(--c-turcoaz); }
.c-cer { color: var(--c-cer); }
.c-cyan { color: var(--c-cyan); }
.c-albastru { color: var(--c-albastru); }
.c-indigo { color: var(--c-indigo); }
.c-violet { color: var(--c-violet); }
.c-purpuriu { color: var(--c-purpuriu); }
.c-rubiniu { color: var(--c-rubiniu); }
.c-chihlimbar { color: var(--c-chihlimbar); }
.c-oliv { color: var(--c-oliv); }
.c-grafit { color: var(--c-grafit); }

/* Evidențiere */
.bg-verde { background: var(--c-verde-soft); color: var(--c-verde); }
.bg-smarald { background: var(--c-smarald-soft); color: var(--c-smarald); }
.bg-turcoaz { background: var(--c-turcoaz-soft); color: var(--c-turcoaz); }
.bg-cer { background: var(--c-cer-soft); color: var(--c-cer); }
.bg-cyan { background: var(--c-cyan-soft); color: var(--c-cyan); }
.bg-albastru { background: var(--c-albastru-soft); color: var(--c-albastru); }
.bg-indigo { background: var(--c-indigo-soft); color: var(--c-indigo); }
.bg-violet { background: var(--c-violet-soft); color: var(--c-violet); }
.bg-purpuriu { background: var(--c-purpuriu-soft); color: var(--c-purpuriu); }
.bg-rubiniu { background: var(--c-rubiniu-soft); color: var(--c-rubiniu); }
.bg-chihlimbar { background: var(--c-chihlimbar-soft); color: var(--c-chihlimbar); }
.bg-oliv { background: var(--c-oliv-soft); color: var(--c-oliv); }
.bg-grafit { background: var(--c-grafit-soft); color: var(--c-grafit); }
[class^="bg-"], [class*=" bg-"] { padding: 0 .25em; border-radius: 3px; -webkit-box-decoration-break: clone; box-decoration-break: clone; }

/* Casete */
.caseta { margin: 0 0 16px; padding: 12px 16px; border-left: 4px solid var(--c-grafit); border-radius: 4px; background: var(--c-grafit-soft); }
.caseta-verde { border-left-color: var(--c-verde); background: var(--c-verde-soft); }
.caseta-smarald { border-left-color: var(--c-smarald); background: var(--c-smarald-soft); }
.caseta-turcoaz { border-left-color: var(--c-turcoaz); background: var(--c-turcoaz-soft); }
.caseta-cer { border-left-color: var(--c-cer); background: var(--c-cer-soft); }
.caseta-cyan { border-left-color: var(--c-cyan); background: var(--c-cyan-soft); }
.caseta-albastru { border-left-color: var(--c-albastru); background: var(--c-albastru-soft); }
.caseta-indigo { border-left-color: var(--c-indigo); background: var(--c-indigo-soft); }
.caseta-violet { border-left-color: var(--c-violet); background: var(--c-violet-soft); }
.caseta-purpuriu { border-left-color: var(--c-purpuriu); background: var(--c-purpuriu-soft); }
.caseta-rubiniu { border-left-color: var(--c-rubiniu); background: var(--c-rubiniu-soft); }
.caseta-chihlimbar { border-left-color: var(--c-chihlimbar); background: var(--c-chihlimbar-soft); }
.caseta-oliv { border-left-color: var(--c-oliv); background: var(--c-oliv-soft); }
.caseta-grafit { border-left-color: var(--c-grafit); background: var(--c-grafit-soft); }

/* Iconițe în text */
.ms { display: inline-block; font-family: "Material Symbols Outlined"; font-weight: normal; font-style: normal; font-size: 1.25em; line-height: 1; vertical-align: -.2em; letter-spacing: normal; text-transform: none; white-space: nowrap; direction: ltr; font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; }