html[data-theme="emerald"],
html[data-theme="light"] {
  color-scheme: light;
  --color-base-100: #fffdf9;
  --color-base-200: #fbf6ef;
  --color-base-300: #f0dfd2;
  --color-base-content: #221d1a;
  --color-primary: #d85b34;
  --color-primary-content: #ffffff;
  --color-secondary: #8f3a25;
  --color-secondary-content: #ffffff;
  --color-accent: #355f42;
  --color-accent-content: #ffffff;
  --color-neutral: #2c211d;
  --color-neutral-content: #fff3eb;
  --color-info: #5d7f91;
  --color-info-content: #ffffff;
  --color-success: #6d8f45;
  --color-success-content: #ffffff;
  --color-warning: #d89b34;
  --color-warning-content: #221d1a;
  --color-error: #b54224;
  --color-error-content: #ffffff;
  --radius-selector: 999px;
  --radius-field: 0.75rem;
  --radius-box: 1.35rem;
  --border: 1px;
  --depth: 1;
}

html[data-theme="dim"],
html[data-theme="dark"] {
  color-scheme: dark;
  --color-base-100: #241d19;
  --color-base-200: #1c1714;
  --color-base-300: #3a2b24;
  --color-base-content: #fff3eb;
  --color-primary: #f0784f;
  --color-primary-content: #24100a;
  --color-secondary: #d7a46b;
  --color-secondary-content: #24100a;
  --color-accent: #9fc27f;
  --color-accent-content: #102014;
  --color-neutral: #fff3eb;
  --color-neutral-content: #221d1a;
  --color-info: #8fb6c8;
  --color-info-content: #10202a;
  --color-success: #9fbf72;
  --color-success-content: #14200c;
  --color-warning: #e0aa4a;
  --color-warning-content: #24100a;
  --color-error: #f0784f;
  --color-error-content: #24100a;
  --radius-selector: 999px;
  --radius-field: 0.75rem;
  --radius-box: 1.35rem;
  --border: 1px;
  --depth: 1;
}

body {
  background:
    radial-gradient(circle at 85% 12%, rgba(216, 91, 52, 0.09) 0 18rem, transparent 18.2rem),
    linear-gradient(135deg, #ffffff 0%, #fbf6ef 100%);
}

html[data-theme="dim"] body,
html[data-theme="dark"] body {
  background:
    radial-gradient(circle at 85% 12%, rgba(240, 120, 79, 0.15) 0 18rem, transparent 18.2rem),
    linear-gradient(135deg, #241d19 0%, #1c1714 100%);
}

.bg-base-200 {
  background:
    radial-gradient(circle at top left, rgba(216, 91, 52, 0.06), transparent 18rem),
    linear-gradient(180deg, #fffdf9 0%, #fbf6ef 100%);
}

html[data-theme="dim"] .bg-base-200,
html[data-theme="dark"] .bg-base-200 {
  background:
    radial-gradient(circle at top left, rgba(240, 120, 79, 0.11), transparent 18rem),
    linear-gradient(180deg, #241d19 0%, #1c1714 100%);
}

.card,
.bg-base-100 {
  box-shadow: 0 24px 60px rgba(53, 33, 18, 0.08);
}

html[data-theme="dim"] .card,
html[data-theme="dim"] .bg-base-100,
html[data-theme="dark"] .card,
html[data-theme="dark"] .bg-base-100 {
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.24);
}

.card,
.rounded-lg,
.rounded-xl {
  border-radius: 1.35rem;
}

.btn-primary {
  box-shadow: 0 12px 28px rgba(216, 91, 52, 0.22);
}

html[data-theme="dim"] .btn-primary,
html[data-theme="dark"] .btn-primary {
  box-shadow: 0 12px 28px rgba(240, 120, 79, 0.24);
}

header a[href="/"] img,
header a[href="./"] img {
  content: url("/retzo-logo.png");
  border-radius: 999px;
}

header a[href="/"] span,
header a[href="./"] span {
  display: inline-block;
  font-size: 0;
}

header a[href="/"] span::after,
header a[href="./"] span::after {
  content: "Retzo - mot de passe";
  color: var(--color-base-content);
  font-size: 1.125rem;
  font-weight: 700;
}