:root {
  --ftr-apply-dark-base-100: #1b1816;
--ftr-apply-dark-base-200: #0b0908;
--ftr-apply-dark-base-300: #000000;
--ftr-apply-dark-base-content: #cdcdcd;
--ftr-apply-dark-primary: #1d4ed8;
--ftr-apply-dark-primary-content: #ffffff;
--ftr-apply-dark-secondary: #0369a1;
--ftr-apply-dark-secondary-content: #ffffff;
--ftr-apply-dark-success: #18a34a;
--ftr-apply-dark-error: #f35248;
--ftr-apply-dark-radius-selector: 5px;
--ftr-apply-dark-radius-field: 5px;

--ftr-apply-light-base-100: #ffffff;
--ftr-apply-light-base-200: #e8e8e8;
--ftr-apply-light-base-300: #d1d1d1;
--ftr-apply-light-base-content: #333c4d;
--ftr-apply-light-primary: #1d4ed8;
--ftr-apply-light-primary-content: #ffffff;
--ftr-apply-light-secondary: #0ea5e9;
--ftr-apply-light-secondary-content: #ffffff;
--ftr-apply-light-success: #00a96e;
--ftr-apply-light-error: #ff6368;
--ftr-apply-light-radius-selector: 5px;
--ftr-apply-light-radius-field: 5px;

}
@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: dark;
--color-base-100: var(--ftr-apply-dark-base-100);
--color-base-200: var(--ftr-apply-dark-base-200);
--color-base-300: var(--ftr-apply-dark-base-300);
--color-base-content: var(--ftr-apply-dark-base-content);
--color-primary: var(--ftr-apply-dark-primary);
--color-primary-content: var(--ftr-apply-dark-primary-content);
--color-secondary: var(--ftr-apply-dark-secondary);
--color-secondary-content: var(--ftr-apply-dark-secondary-content);
--color-accent: oklch(64.8% 0.223 136.073);
--color-accent-content: oklch(0% 0 0);
--color-neutral: oklch(24.371% 0.046 65.681);
--color-neutral-content: oklch(84.874% 0.009 65.681);
--color-info: oklch(54.615% 0.215 262.88);
--color-info-content: oklch(90.923% 0.043 262.88);
--color-success: var(--ftr-apply-dark-success);
--color-success-content: oklch(12.541% 0.033 149.213);
--color-warning: oklch(66.584% 0.157 58.318);
--color-warning-content: oklch(13.316% 0.031 58.318);
--color-error: var(--ftr-apply-dark-error);
--color-error-content: oklch(13.144% 0.039 27.33);
--radius-selector: var(--ftr-apply-light-radius-selector);
--radius-field: var(--ftr-apply-light-radius-field);
--radius-box: 1rem;
--size-selector: 0.25rem;
--size-field: 0.25rem;
--border: 1px;
--depth: 1;
--noise: 0;

  }
  .logo-light {
    display: none;
  }
}
@media (prefers-color-scheme: light) {
  :root {
    color-scheme: light;
--color-base-100: var(--ftr-apply-light-base-100);
--color-base-200: var(--ftr-apply-light-base-200);
--color-base-300: var(--ftr-apply-light-base-300);
--color-base-content: var(--ftr-apply-light-base-content);
--color-primary: var(--ftr-apply-light-primary);
--color-primary-content: var(--ftr-apply-light-primary-content);
--color-secondary: var(--ftr-apply-light-secondary);
--color-secondary-content: var(--ftr-apply-light-secondary-content);
--color-accent: oklch(72.772% 0.149 33.2);
--color-accent-content: oklch(0% 0 0);
--color-neutral: oklch(35.519% 0.032 262.988);
--color-neutral-content: oklch(98.462% 0.001 247.838);
--color-info: oklch(72.06% 0.191 231.6);
--color-info-content: oklch(0% 0 0);
--color-success: var(--ftr-apply-light-success);
--color-success-content: oklch(0% 0 0);
--color-warning: oklch(84.71% 0.199 83.87);
--color-warning-content: oklch(0% 0 0);
--color-error: var(--ftr-apply-light-error);
--color-error-content: oklch(0% 0 0);
--radius-selector: var(--ftr-apply-light-radius-selector);
--radius-field: var(--ftr-apply-light-radius-field);
--radius-box: 1rem;
--size-selector: 0.25rem;
--size-field: 0.25rem;
--border: 1px;
--depth: 0;
--noise: 0;

  }
  .logo-dark {
    display: none;
  }
}
.ftr-customizable-logo { height: 40px; }
.ftr-customizable-logo { margin-bottom: 32px !important; }