@charset "UTF-8";


/* MORSL UI Style System */

:root{
  --morsl-card-radius:16px;
  --morsl-card-shadow:0 .125rem .375rem rgba(0,0,0,.08);
  --morsl-card-border:rgba(0,0,0,.1);
  --morsl-card-bg:var(--bs-body-bg);

  --morsl-block-bg:var(--bs-tertiary-bg);
  --morsl-input-radius:.75rem;
}

[data-bs-theme="dark"]{
  --morsl-card-border:rgba(255,255,255,.12);
}

/* CLASSIC */
body[data-ui-style="classic"]{
  --morsl-card-radius:16px;
  --morsl-card-shadow:0 .125rem .375rem rgba(0,0,0,.08);
}

/* SOFT */
body[data-ui-style="soft"]{
  --morsl-card-radius:20px;
  --morsl-card-shadow:0 .5rem 1.25rem rgba(0,0,0,.12);
  --morsl-block-bg:color-mix(in srgb,var(--bs-tertiary-bg) 92%, white 8%);
}

/* MINIMAL */
body[data-ui-style="minimal"]{
  --morsl-card-radius:8px;
  --morsl-card-shadow:none;
  --morsl-card-border:rgba(127,127,127,.25);
  --morsl-block-bg:transparent;
}

/* Apply to UI */

.card{
  border-radius:var(--morsl-card-radius);
  box-shadow:var(--morsl-card-shadow);
  border:1px solid var(--morsl-card-border);
  background:var(--morsl-card-bg);
}

.list-group-item,
.dropdown-menu,
.modal-content{
  border-radius:var(--morsl-card-radius);
  border:1px solid var(--morsl-card-border);
}

.form-control,
.form-select{
  border-radius:var(--morsl-input-radius);
}

.btn{
  border-radius:var(--morsl-input-radius);
}