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

:root {
  --c-padure: #14653C;
  --c-padure-soft: #E3F1E8;
  --c-frunza: #3D7A16;
  --c-frunza-soft: #EAF5DC;
  --c-apa: #0B6874;
  --c-apa-soft: #D8F0F1;
  --c-cer: #0360A0;
  --c-cer-soft: #E0F0FC;
  --c-lut: #875520;
  --c-lut-soft: #F6ECDD;
  --c-polen: #7F6200;
  --c-polen-soft: #FBF2CC;
  --c-floare: #982A68;
  --c-floare-soft: #FBE4EF;
  --c-mac: #B42318;
  --c-mac-soft: #FEE4E2;
  --c-lavanda: #5B3FA8;
  --c-lavanda-soft: #ECE7FA;
  --c-grafit: #334155;
  --c-grafit-soft: #E2E8F0;
  --brand: var(--c-padure);
  --brand-soft: var(--c-padure-soft);
  --brand-2: var(--c-apa);
  --brand-2-soft: var(--c-apa-soft);
  --night: #0B261C;
}

.tema-boa { --tema: var(--c-apa); --tema-soft: var(--c-apa-soft); }
.tema-bot { --tema: var(--c-frunza); --tema-soft: var(--c-frunza-soft); }
.tema-edd { --tema: var(--c-padure); --tema-soft: var(--c-padure-soft); }
.tema-bpvrm { --tema: var(--c-lavanda); --tema-soft: var(--c-lavanda-soft); }
.ton-padure { --tema: var(--c-padure); --tema-soft: var(--c-padure-soft); }
.ton-frunza { --tema: var(--c-frunza); --tema-soft: var(--c-frunza-soft); }
.ton-apa { --tema: var(--c-apa); --tema-soft: var(--c-apa-soft); }
.ton-cer { --tema: var(--c-cer); --tema-soft: var(--c-cer-soft); }
.ton-lut { --tema: var(--c-lut); --tema-soft: var(--c-lut-soft); }
.ton-polen { --tema: var(--c-polen); --tema-soft: var(--c-polen-soft); }
.ton-floare { --tema: var(--c-floare); --tema-soft: var(--c-floare-soft); }
.ton-mac { --tema: var(--c-mac); --tema-soft: var(--c-mac-soft); }
.ton-lavanda { --tema: var(--c-lavanda); --tema-soft: var(--c-lavanda-soft); }
.ton-grafit { --tema: var(--c-grafit); --tema-soft: var(--c-grafit-soft); }

/* Culori în text (din editor) */
.c-padure { color: var(--c-padure); }
.c-frunza { color: var(--c-frunza); }
.c-apa { color: var(--c-apa); }
.c-cer { color: var(--c-cer); }
.c-lut { color: var(--c-lut); }
.c-polen { color: var(--c-polen); }
.c-floare { color: var(--c-floare); }
.c-mac { color: var(--c-mac); }
.c-lavanda { color: var(--c-lavanda); }
.c-grafit { color: var(--c-grafit); }

/* Evidențiere */
.bg-padure { background: var(--c-padure-soft); color: var(--c-padure); }
.bg-frunza { background: var(--c-frunza-soft); color: var(--c-frunza); }
.bg-apa { background: var(--c-apa-soft); color: var(--c-apa); }
.bg-cer { background: var(--c-cer-soft); color: var(--c-cer); }
.bg-lut { background: var(--c-lut-soft); color: var(--c-lut); }
.bg-polen { background: var(--c-polen-soft); color: var(--c-polen); }
.bg-floare { background: var(--c-floare-soft); color: var(--c-floare); }
.bg-mac { background: var(--c-mac-soft); color: var(--c-mac); }
.bg-lavanda { background: var(--c-lavanda-soft); color: var(--c-lavanda); }
.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-padure { border-left-color: var(--c-padure); background: var(--c-padure-soft); }
.caseta-frunza { border-left-color: var(--c-frunza); background: var(--c-frunza-soft); }
.caseta-apa { border-left-color: var(--c-apa); background: var(--c-apa-soft); }
.caseta-cer { border-left-color: var(--c-cer); background: var(--c-cer-soft); }
.caseta-lut { border-left-color: var(--c-lut); background: var(--c-lut-soft); }
.caseta-polen { border-left-color: var(--c-polen); background: var(--c-polen-soft); }
.caseta-floare { border-left-color: var(--c-floare); background: var(--c-floare-soft); }
.caseta-mac { border-left-color: var(--c-mac); background: var(--c-mac-soft); }
.caseta-lavanda { border-left-color: var(--c-lavanda); background: var(--c-lavanda-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; }