:root,
[data-theme="sage"] {
  --theme-page: #f3f4f1;
  --theme-header: rgba(250, 250, 249, 0.96);
  --theme-primary: #065f46;
  --theme-primary-hover: #064e3b;
  --theme-accent-text: #065f46;
  --theme-accent-strong: #022c22;
  --theme-accent-soft: #ecfdf5;
  --theme-accent-soft-strong: #d1fae5;
  --theme-accent-border: #a7f3d0;
  --theme-focus: #047857;
  --theme-row-alt: #f7f8f5;
}

[data-theme="clay"] {
  --theme-page: #f7f3f1;
  --theme-header: rgba(250, 249, 247, 0.96);
  --theme-primary: #9f3d32;
  --theme-primary-hover: #7f2f2a;
  --theme-accent-text: #92382f;
  --theme-accent-strong: #5f2522;
  --theme-accent-soft: #fff4f1;
  --theme-accent-soft-strong: #fee2e2;
  --theme-accent-border: #fecaca;
  --theme-focus: #9f3d32;
  --theme-row-alt: #fcf7f5;
}

[data-theme="fjord"] {
  --theme-page: #f1f5f4;
  --theme-header: rgba(248, 250, 249, 0.96);
  --theme-primary: #0e7490;
  --theme-primary-hover: #155e75;
  --theme-accent-text: #0e7490;
  --theme-accent-strong: #164e63;
  --theme-accent-soft: #ecfeff;
  --theme-accent-soft-strong: #cffafe;
  --theme-accent-border: #a5f3fc;
  --theme-focus: #0891b2;
  --theme-row-alt: #f3f8f8;
}

body[data-theme] {
  background-color: var(--theme-page) !important;
}

body[data-theme] > header {
  background-color: var(--theme-header) !important;
}

body[data-theme] .bg-emerald-800 {
  background-color: var(--theme-primary) !important;
}

body[data-theme] .bg-emerald-900,
body[data-theme] .hover\:bg-emerald-900:hover {
  background-color: var(--theme-primary-hover) !important;
}

body[data-theme] .bg-emerald-950 {
  background-color: var(--theme-accent-strong) !important;
}

body[data-theme] .text-emerald-100 {
  color: var(--theme-accent-soft-strong) !important;
}

body[data-theme] .text-emerald-700,
body[data-theme] .text-emerald-800,
body[data-theme] .text-emerald-900 {
  color: var(--theme-accent-text) !important;
}

body[data-theme] .text-emerald-950 {
  color: var(--theme-accent-strong) !important;
}

body[data-theme] .bg-emerald-50 {
  background-color: var(--theme-accent-soft) !important;
}

body[data-theme] .bg-emerald-100 {
  background-color: var(--theme-accent-soft-strong) !important;
}

body[data-theme] .border-emerald-100,
body[data-theme] .border-emerald-200,
body[data-theme] .border-emerald-300,
body[data-theme] .border-emerald-400,
body[data-theme] .hover\:border-emerald-300:hover,
body[data-theme] .hover\:border-emerald-400:hover {
  border-color: var(--theme-accent-border) !important;
}

body[data-theme] .focus\:ring-emerald-700:focus {
  --tw-ring-color: var(--theme-focus) !important;
}

body[data-theme] .ring-emerald-100 {
  --tw-ring-color: var(--theme-accent-soft-strong) !important;
}

body[data-theme] .accent-emerald-800 {
  accent-color: var(--theme-primary) !important;
}

body[data-theme] :is(section, article, details, nav).rounded-lg.border.border-stone-200.bg-white,
body[data-theme] :is(a, form).rounded-lg.border.border-stone-200.bg-white {
  border-color: #d6d3d1 !important;
  box-shadow: 0 1px 2px rgba(28, 25, 23, 0.06), 0 3px 10px rgba(28, 25, 23, 0.025);
}

body[data-theme] [data-entity-list] {
  border-color: #d6d3d1;
}

body[data-theme] [data-entity-list] > * {
  background-color: white;
  box-shadow: inset 3px 0 0 var(--theme-accent-border);
}

body[data-theme] [data-entity-list] > :nth-child(even) {
  background-color: var(--theme-row-alt);
}

body[data-theme] [data-entity-list] > a:hover {
  background-color: var(--theme-accent-soft);
  box-shadow: inset 3px 0 0 var(--theme-primary);
}

body[data-theme] [data-entity-tone="amber"] > * {
  background-color: #fffbeb;
  box-shadow: inset 3px 0 0 #fcd34d;
}

body[data-theme] [data-entity-tone="amber"] > :nth-child(even) {
  background-color: #fef3c7;
}

body[data-theme] [data-entity-tone="sky"] > * {
  background-color: #f0f9ff;
  box-shadow: inset 3px 0 0 #7dd3fc;
}

body[data-theme] [data-entity-tone="sky"] > :nth-child(even) {
  background-color: #e0f2fe;
}

[data-color-mode-option][aria-pressed="true"] {
  background-color: var(--theme-primary);
  color: white !important;
}

html[data-color-mode="dark"] {
  color-scheme: dark;
}

html[data-color-mode="dark"] body[data-theme] {
  --theme-page: #151a17;
  --theme-header: rgba(24, 30, 27, 0.96);
  --theme-accent-soft: #1c3028;
  --theme-accent-soft-strong: #24483a;
  --theme-accent-border: #376653;
  --theme-row-alt: #202723;
  background-color: var(--theme-page) !important;
  color: #e7e5e4;
}

html[data-color-mode="dark"] body[data-theme] > header,
html[data-color-mode="dark"] body[data-theme] [data-personal-sidebar] {
  background-color: #181e1b !important;
  border-color: #3f4742 !important;
}

html[data-color-mode="dark"] body[data-theme] .bg-white,
html[data-color-mode="dark"] body[data-theme] [data-personal-panel] {
  background-color: #222925 !important;
}

html[data-color-mode="dark"] body[data-theme] .bg-stone-50 {
  background-color: #1b211e !important;
}

html[data-color-mode="dark"] body[data-theme] .bg-stone-100,
html[data-color-mode="dark"] body[data-theme] .bg-stone-200 {
  background-color: #303833 !important;
}

html[data-color-mode="dark"] body[data-theme] .text-stone-950,
html[data-color-mode="dark"] body[data-theme] .text-stone-900,
html[data-color-mode="dark"] body[data-theme] .text-stone-800 {
  color: #fafaf9 !important;
}

html[data-color-mode="dark"] body[data-theme] .text-stone-700,
html[data-color-mode="dark"] body[data-theme] .text-stone-600 {
  color: #d6d3d1 !important;
}

html[data-color-mode="dark"] body[data-theme] .text-stone-500,
html[data-color-mode="dark"] body[data-theme] .text-stone-400 {
  color: #a8a29e !important;
}

html[data-color-mode="dark"] body[data-theme] .text-emerald-100,
html[data-color-mode="dark"] body[data-theme] .text-emerald-200,
html[data-color-mode="dark"] body[data-theme] .text-emerald-700,
html[data-color-mode="dark"] body[data-theme] .text-emerald-800,
html[data-color-mode="dark"] body[data-theme] .text-emerald-900,
html[data-color-mode="dark"] body[data-theme] .text-emerald-950 {
  color: #a7f3d0 !important;
}

html[data-color-mode="dark"] body[data-theme] .bg-amber-50,
html[data-color-mode="dark"] body[data-theme] .bg-amber-100 {
  background-color: #3a301b !important;
}

html[data-color-mode="dark"] body[data-theme] .text-amber-700,
html[data-color-mode="dark"] body[data-theme] .text-amber-800,
html[data-color-mode="dark"] body[data-theme] .text-amber-900,
html[data-color-mode="dark"] body[data-theme] .text-amber-950 {
  color: #fde68a !important;
}

html[data-color-mode="dark"] body[data-theme] .bg-sky-50,
html[data-color-mode="dark"] body[data-theme] .bg-sky-100 {
  background-color: #173246 !important;
}

html[data-color-mode="dark"] body[data-theme] .text-sky-700,
html[data-color-mode="dark"] body[data-theme] .text-sky-800,
html[data-color-mode="dark"] body[data-theme] .text-sky-900,
html[data-color-mode="dark"] body[data-theme] .text-sky-950 {
  color: #bae6fd !important;
}

html[data-color-mode="dark"] body[data-theme] .bg-rose-50,
html[data-color-mode="dark"] body[data-theme] .bg-rose-100,
html[data-color-mode="dark"] body[data-theme] .bg-red-50,
html[data-color-mode="dark"] body[data-theme] .bg-red-100 {
  background-color: #40232b !important;
}

html[data-color-mode="dark"] body[data-theme] .text-rose-700,
html[data-color-mode="dark"] body[data-theme] .text-rose-800,
html[data-color-mode="dark"] body[data-theme] .text-rose-900,
html[data-color-mode="dark"] body[data-theme] .text-rose-950,
html[data-color-mode="dark"] body[data-theme] .text-red-700,
html[data-color-mode="dark"] body[data-theme] .text-red-800,
html[data-color-mode="dark"] body[data-theme] .text-red-900,
html[data-color-mode="dark"] body[data-theme] .text-red-950 {
  color: #fecdd3 !important;
}

html[data-color-mode="dark"] body[data-theme] .border-stone-100,
html[data-color-mode="dark"] body[data-theme] .border-stone-200,
html[data-color-mode="dark"] body[data-theme] .border-stone-300 {
  border-color: #444c47 !important;
}

html[data-color-mode="dark"] body[data-theme] :is(input, select, textarea) {
  background-color: #171c19 !important;
  border-color: #59615c !important;
  color: #fafaf9 !important;
}

html[data-color-mode="dark"] body[data-theme] [data-entity-list] > *,
html[data-color-mode="dark"] body[data-theme] [data-entity-list] > :nth-child(even) {
  background-color: #222925;
}

html[data-color-mode="dark"] body[data-theme] [data-sidebar-overlay] {
  background-color: rgba(0, 0, 0, 0.62);
}