html[data-theme="sand"] {
	color-scheme: light;
	--crypt-bg: #f2eadb;
	--crypt-ink: #3d3429;
	--crypt-title: #3d3429;
	--crypt-muted: #7f705d;
	--crypt-nav: #75604a;
	--crypt-link: #7b4c22;
	--crypt-card: #fffaf0;
	--crypt-border: #d9cbb6;
	--crypt-section: #eadfcd;
	--crypt-row-hover: #dfd0bb;
	--crypt-accent: #6f7660;
	--crypt-switcher-active-bg: #d9cbb6;
}

html[data-theme="sand"] body {
	background: var(--crypt-bg);
	color: var(--crypt-ink);
}

html[data-theme="sand"] a {
	color: var(--crypt-link);
}

html[data-theme="sand"] h1,
html[data-theme="sand"] h2,
html[data-theme="sand"] h3,
html[data-theme="sand"] h4,
html[data-theme="sand"] h5,
html[data-theme="sand"] h6 {
	color: var(--crypt-title);
}

html[data-theme="sand"] .crypt-panel,
html[data-theme="sand"] .crypt-card,
html[data-theme="sand"] .auth-card,
html[data-theme="sand"] .dropdown-menu,
html[data-theme="sand"] .modal-content,
html[data-theme="sand"] .form-control,
html[data-theme="sand"] .form-select,
html[data-theme="sand"] .crypt-empty {
	background-color: var(--crypt-card);
	border-color: var(--crypt-border);
	color: var(--crypt-ink);
}

html[data-theme="sand"] .dropdown-item:hover,
html[data-theme="sand"] .dropdown-item:focus {
	background-color: var(--crypt-row-hover);
	color: var(--crypt-ink);
}

html[data-theme="sand"] .modal-header,
html[data-theme="sand"] .modal-footer,
html[data-theme="sand"] .crypt-dictionary-entry,
html[data-theme="sand"] .dropdown-divider {
	border-color: var(--crypt-border);
}

html[data-theme="sand"] .crypt-notes {
	background: var(--crypt-section);
}

html[data-theme="sand"] .text-muted,
html[data-theme="sand"] .crypt-header p,
html[data-theme="sand"] .crypt-entry-heading p,
html[data-theme="sand"] .crypt-example,
html[data-theme="sand"] .crypt-empty {
	color: var(--crypt-muted);
}

html[data-theme="sand"] .btn-outline-secondary,
html[data-theme="sand"] .btn-outline-primary {
	background-color: var(--crypt-card);
	border-color: var(--crypt-border);
	color: var(--crypt-ink);
}

html[data-theme="sand"] .btn-outline-secondary:hover,
html[data-theme="sand"] .btn-outline-secondary:focus,
html[data-theme="sand"] .btn-outline-primary:hover,
html[data-theme="sand"] .btn-outline-primary:focus {
	background-color: var(--crypt-section);
	border-color: var(--crypt-border);
	color: var(--crypt-ink);
}

html[data-theme="sand"] .crypt-theme-switcher {
	background: var(--crypt-card);
	border-color: var(--crypt-border);
}

html[data-theme="sand"] .crypt-theme-switcher .btn.is-active {
	background: var(--crypt-switcher-active-bg);
	color: var(--crypt-ink);
}