/*
 * The sign-in pages (django-allauth-ui, which is daisyUI) in the app's
 * colours: ALLAUTH_UI_THEME is "weald", and this is that theme. The values
 * are the app's own (alconbury-weald/android, ui/theme), as in the admin.
 */
@font-face {
  font-family: "Nunito";
  src: url("nunito.ttf") format("truetype");
  font-weight: 200 1000;
  font-display: swap;
}

[data-theme="weald"] {
  color-scheme: light;
  --color-base-100: #ffffff; /* a card */
  --color-base-200: #fbf8ef;
  --color-base-300: #f5f1e4; /* the page */
  --color-base-content: #22261f;
  --color-primary: #2e6b3f;
  --color-primary-content: #ffffff;
  --color-secondary: #52634f;
  --color-secondary-content: #ffffff;
  --color-accent: #2e6b3f;
  --color-accent-content: #ffffff;
  --color-neutral: #e3efe4;
  --color-neutral-content: #0f3a1c;
  --color-info: #2e6b3f;
  --color-info-content: #ffffff;
  --color-success: #2e6b3f;
  --color-success-content: #ffffff;
  --color-warning: #fdf0d6;
  --color-warning-content: #8a5600;
  --color-error: #f6e1dd;
  --color-error-content: #8c2f22;
  --weald-line: #ddd8c6;
  --radius-selector: 0.5rem;
  --radius-field: 0.75rem;
  --radius-box: 1.125rem;
  --depth: 0;
}

@media (prefers-color-scheme: dark) {
  [data-theme="weald"] {
    color-scheme: dark;
    --color-base-100: #24271f;
    --color-base-200: #1f221b;
    --color-base-300: #151712;
    --color-base-content: #e6e3d6;
    --color-primary: #93d5a0;
    --color-primary-content: #003915;
    --color-secondary: #b9ccb4;
    --color-secondary-content: #243423;
    --color-accent: #93d5a0;
    --color-accent-content: #003915;
    --color-neutral: #223a28;
    --color-neutral-content: #cde8d3;
    --color-info: #93d5a0;
    --color-info-content: #003915;
    --color-success: #93d5a0;
    --color-success-content: #003915;
    --color-warning: #3d2e12;
    --color-warning-content: #f7cd80;
    --color-error: #4a1e18;
    --color-error-content: #ffdad4;
    --weald-line: #3a3d34;
  }
}

html {
  font-family: "Nunito", system-ui, sans-serif;
}
body {
  font-weight: 600;
}
h1 {
  font-weight: 900;
}
.btn {
  font-weight: 800;
}

.weald-brand {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding-top: 8vh;
  font-size: 1.4rem;
  font-weight: 900;
  color: var(--color-primary);
}

/* The card: a line round it rather than a shadow, as in the app. */
.container > .bg-base-100 {
  margin-top: 20px;
  border: 1px solid var(--weald-line);
  border-radius: var(--radius-box);
  box-shadow: none;
}