:root {
  --font-heading: "Nunito", sans-serif;
  --font-body: "Montserrat", sans-serif;
}

:root:has(input.theme-controller[value=happylearning]:checked),
[data-theme="happylearning"] {
  color-scheme: light;
  --color-base-100: #ffffff;
  --color-base-200: #f0f0f0;
  --color-base-300: #e2e5ea;
  --color-base-content: #393D5A;
  --color-primary: #0E67A1;
  --color-primary-content: #ffffff;
  --color-secondary: #94BFE1;
  --color-secondary-content: #393D5A;
  --color-accent: #F4A6A0;
  --color-accent-content: #393D5A;
  --color-neutral: #393D5A;
  --color-neutral-content: #ffffff;
  --color-info: #94BFE1;
  --color-info-content: #393D5A;
  --color-success: #3C9E75;
  --color-success-content: #ffffff;
  --color-warning: #F2B944;
  --color-warning-content: #393D5A;
  --color-error: #EB5D40;
  --color-error-content: #ffffff;
  --radius-selector: 1rem;
  --radius-field: 0.5rem;
  --radius-box: 1rem;
  --size-selector: 0.25rem;
  --size-field: 0.25rem;
  --border: 1px;
  --depth: 1;
  --noise: 0;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: var(--font-body);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-heading);
}

.font-heading {
  font-family: var(--font-heading);
}