/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
  font-size: var(--app-font-size, 16px);
}


body {
  padding-top: 0px;
  padding-bottom: 0px;
  margin-bottom: 60px;
}

/* GLOBAL COLOR VARIABLES FOR LIGHT/DARK MODE */
:root {
  --app-font-size: 16px;
  --lt-color-background-default: #f1f3f9;
  --lt-color-text-default: #2f3237;
}

html[data-font-size='small'] {
  --app-font-size: 14px;
}

html[data-font-size='medium'] {
  --app-font-size: 16px;
}

html[data-font-size='large'] {
  --app-font-size: 18px;
}

.dark {
  --lt-color-background-default: #1e293b;
  --lt-color-text-default: #e5e7eb;
}

/* Example usage for cards and custom components */
.card {
  background-color: var(--lt-color-background-default);
  color: var(--lt-color-text-default);
  border-radius: 0.5rem;
  box-shadow: 0 1px 2px 0 rgba(0,0,0,0.05);
  padding: 1.5rem;
  margin-bottom: 1.5rem;
}

.footer {
  position: absolute;
  bottom: 0;

  /* Only keep non-layout, non-color, non-typography utility classes if needed */
  /* Example: .fa-red for icon coloring, .note for post-it notes, etc. */