:root {
    --primary-color: #6905E9;
    --hover-primary-color: #5b05cc;
    --dimmed-primary-color: #5105b9;

    --secondary-color: #BCBCBC;

    --accent-color: #7C01DD;
    --light-accent-color: #C070FF;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-optical-sizing: auto;
    background-color: #FFFEFD;
}

.errorlist {
    color: red;
}

.btn {
    border-radius: 12px;
}

.btn:active,
.btn:focus {
    border-color: transparent !important;
    background-color: var(--dimmed-primary-color) !important;
}

.btn-primary {
    background-color: var(--primary-color);
    border: none;
}

.btn-primary:hover {
    background-color: var(--hover-primary-color) !important;
}

.btn-primary:active,
.btn-primary:focus {
    background-color: var(--dimmed-primary-color) !important;
    border-color: transparent !important;
}

.text-primary {
    color: var(--primary-color) !important;
}

.text-accent {
    color: var(--accent-color);
}

.text-accent-light {
    color: var(--light-accent-color) !important;
}

.bg-accent {
    background-color: var(--accent-color);
}

.letter-spacing-1 {
    letter-spacing: 0.5px;
}

.letter-spacing-2 {
    letter-spacing: 1px;
}

.letter-spacing-3 {
    letter-spacing: 2px;
}

.letter-spacing-4 {
    letter-spacing: 4px;
}

.letter-spacing-5 {
    letter-spacing: 6px;
}

.z-index-1 {
    z-index: 1;
}

.z-index-n1 {
    z-index: -1;
}

.text-md-nowrap {
    white-space: nowrap;
}

.vh-15 {
    height: 15vh !important;
}

.vh-20 {
    height: 20vh !important;
}

.vh-25 {
    height: 25vh !important;
}

.vh-30 {
    height: 30vh !important;
}

.vh-35 {
    height: 35vh !important;
}

.vh-40 {
    height: 40vh !important;
}

.vh-45 {
    height: 45vh !important;
}

.vh-50 {
    height: 50vh !important;
}

.vh-55 {
    height: 55vh !important;
}

.vh-60 {
    height: 60vh !important;
}

.vh-65 {
    height: 65vh !important;
}

.vh-70 {
    height: 70vh !important;
}

.vh-75 {
    height: 75vh !important;
}

.vh-80 {
    height: 80vh !important;
}

.vh-85 {
    height: 85vh !important;
}

.vh-90 {
    height: 90vh !important;
}

.vh-95 {
    height: 95vh !important;
}

.vh-100 {
    height: 100vh !important;
}

.poppins-thin {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.poppins-extralight {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.poppins-light {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.poppins-regular {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.poppins-medium {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.poppins-semibold {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.poppins-bold {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.poppins-extrabold {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.poppins-black {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.poppins-thin-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.poppins-extralight-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: italic;
}

.poppins-light-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.poppins-regular-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.poppins-medium-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.poppins-semibold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: italic;
}

.poppins-bold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.poppins-extrabold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: italic;
}

.poppins-black-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: italic;
}

.status-badge {
    display: inline-flex;
    align-items: center;
    padding: 4px 12px;
    border-radius: 15px;
    font-size: 14px;
    font-weight: 600;
    text-transform: capitalize;
    opacity: 0.9;
}

.status-badge::before {
    content: "●";
    font-size: 12px;
    margin-right: 6px;
}

.status-primary {
    background-color: rgba(13, 110, 253, 0.15);
    color: #0d6efd;
}

.status-secondary {
    background-color: rgba(108, 117, 125, 0.15);
    color: #6c757d;
}

.status-success {
    background-color: rgba(25, 135, 84, 0.15);
    color: #198754;
}

.status-danger {
    background-color: rgba(220, 53, 69, 0.15);
    color: #dc3545;
}

.status-warning {
    background-color: rgba(255, 193, 7, 0.15);
    color: #ffc107;
}

.status-info {
    background-color: rgba(13, 202, 240, 0.15);
    color: #0dcaf0;
}

.status-light {
    background-color: rgba(248, 249, 250, 0.8);
    color: #212529;
    border: 1px solid #dee2e6;
}

.status-dark {
    background-color: rgba(33, 37, 41, 0.15);
    color: #212529;
}

/*–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/* BACKGROUND-POSITION */
.bg-pos-center       { background-position: center !important; }
.bg-pos-top          { background-position: top !important; }
.bg-pos-bottom       { background-position: bottom !important; }
.bg-pos-left         { background-position: left !important; }
.bg-pos-right        { background-position: right !important; }
/* combinații */
.bg-pos-top-left     { background-position: top left !important; }
.bg-pos-top-right    { background-position: top right !important; }
.bg-pos-bottom-left  { background-position: bottom left !important; }
.bg-pos-bottom-right { background-position: bottom right !important; }

/*–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/* BACKGROUND-REPEAT */
.bg-repeat       { background-repeat: repeat !important; }
.bg-no-repeat    { background-repeat: no-repeat !important; }
.bg-repeat-x     { background-repeat: repeat-x !important; }
.bg-repeat-y     { background-repeat: repeat-y !important; }

/*–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/* BACKGROUND-SIZE */
.bg-size-cover   { background-size: cover !important; }
.bg-size-contain { background-size: contain !important; }

/*–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/* OPTIONAL: acoperire full width & height */
.w-100 { width: 100% !important; }
.h-100 { height: 100% !important; }
.vh-100 { height: 100vh !important; }
.overflow-hidden { overflow: hidden !important; }

.rounded-6 { border-radius: 0.525rem !important; }
.rounded-7 { border-radius: 0.7rem !important; }
.rounded-8 { border-radius: 0.8rem !important; }
.rounded-9 { border-radius: 0.9rem !important; }
.rounded-10 { border-radius: 1rem !important; }
.rounded-11 { border-radius: 1.1rem !important; }
.rounded-12 { border-radius: 1.2rem !important; }
.rounded-13 { border-radius: 1.3rem !important; }
.rounded-14 { border-radius: 1.4rem !important; }
.rounded-15 { border-radius: 1.5rem !important; }

.object-fit-cover {
  object-fit: cover;
}

.object-fit-contain {
  object-fit: contain;
}

.font-size-h1 { font-size: 2.5rem; }
.font-size-h2 { font-size: 2rem; }
.font-size-h3 { font-size: 1.75rem; }
.font-size-h4 { font-size: 1.5rem; }
.font-size-h5 { font-size: 1.25rem; }
.font-size-h6 { font-size: 1rem; }

.font-size-display-1 { font-size: 6rem; font-weight: 300; line-height: 1.2; }
.font-size-display-2 { font-size: 5.5rem; font-weight: 300; line-height: 1.2; }
.font-size-display-3 { font-size: 4.5rem; font-weight: 300; line-height: 1.2; }
.font-size-display-4 { font-size: 3.5rem; font-weight: 300; line-height: 1.2; }


@media (min-width: 768px) { /* md */
    .font-size-md-h1 { font-size: 3rem; }
    .font-size-md-h2 { font-size: 2.5rem; }
    .font-size-md-h3 { font-size: 2rem; }
    .font-size-md-h4 { font-size: 1.75rem; }
    .font-size-md-h5 { font-size: 1.5rem; }
    .font-size-md-h6 { font-size: 1.25rem; }

    .font-size-md-display-1 { font-size: 6rem; }
    .font-size-md-display-2 { font-size: 5.5rem; }
    .font-size-md-display-3 { font-size: 4.5rem; }
    .font-size-md-display-4 { font-size: 3.5rem; }
}

@media (min-width: 992px) { /* lg */
    .font-size-lg-h1 { font-size: 3.5rem; }
    .font-size-lg-h2 { font-size: 3rem; }
    .font-size-lg-h3 { font-size: 2.5rem; }
    .font-size-lg-h4 { font-size: 2rem; }
    .font-size-lg-h5 { font-size: 1.75rem; }
    .font-size-lg-h6 { font-size: 1.5rem; }

    .font-size-lg-display-1 { font-size: 6rem; }
    .font-size-lg-display-2 { font-size: 5.5rem; }
    .font-size-lg-display-3 { font-size: 4.5rem; }
    .font-size-lg-display-4 { font-size: 3.5rem; }
}

@media (min-width: 1200px) { /* xl */
    .font-size-xl-h1 { font-size: 4rem; }
    .font-size-xl-h2 { font-size: 3.5rem; }
    .font-size-xl-h3 { font-size: 3rem; }
    .font-size-xl-h4 { font-size: 2.5rem; }
    .font-size-xl-h5 { font-size: 2rem; }
    .font-size-xl-h6 { font-size: 1.75rem; }

    .font-size-xl-display-1 { font-size: 6rem; }
    .font-size-xl-display-2 { font-size: 5.5rem; }
    .font-size-xl-display-3 { font-size: 4.5rem; }
    .font-size-xl-display-4 { font-size: 3.5rem; }
}