:root {
    --admin-bg: #f5f0e8;
    --admin-text: #16120e;
    --admin-muted: #766a5f;
    --admin-soft: #302820;
    --admin-surface: rgba(255, 250, 242, .76);
    --admin-surface-strong: #fffaf2;
    --admin-line: rgba(22, 18, 14, .14);
    --admin-sidebar: rgba(255, 250, 242, .92);
    --admin-primary: #ff5a2f;
    --admin-primary-2: #16120e;
    --admin-success: #166534;
    --admin-danger: #b4233c;
    --admin-radius: 24px;
    --admin-shadow: 0 28px 90px rgba(73, 46, 18, .12);
    color-scheme: light;
}

html,
body {
    background: #f5f0e8 !important;
    color: var(--admin-text) !important;
}

body {
    background:
        radial-gradient(circle at 12% 5%, rgba(255, 90, 47, .16), transparent 28rem),
        linear-gradient(180deg, #fbf5eb 0%, #eee5d6 54%, #f5f0e8 54%, #f5f0e8 100%) !important;
}

body::before {
    background-image:
        linear-gradient(rgba(22, 18, 14, .045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(22, 18, 14, .045) 1px, transparent 1px) !important;
}

.shell > aside {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .72), rgba(255, 250, 242, .82)),
        var(--admin-sidebar) !important;
    border-right: 1px solid var(--admin-line) !important;
    box-shadow: 16px 0 60px rgba(40, 30, 20, .08);
}

.brand::before {
    background: #16120e !important;
    color: #fff !important;
    content: "D";
}

header h1 {
    color: #14110d !important;
    font-size: clamp(28px, 3.2vw, 42px) !important;
    font-weight: 800 !important;
    letter-spacing: -.05em !important;
}

.brand strong,
header h1,
h2,
h3,
label,
code {
    color: var(--admin-text) !important;
}

.brand span,
.muted,
p {
    color: var(--admin-muted) !important;
}

nav a,
nav button {
    color: #3c3028 !important;
}

nav a::before,
nav button::before {
    background: rgba(22, 18, 14, .22) !important;
}

nav a.active,
nav a:hover,
nav button:hover {
    border-color: rgba(255, 90, 47, .28) !important;
    background: rgba(255, 90, 47, .12) !important;
    color: #16120e !important;
}

nav a.active::before {
    background: var(--admin-primary) !important;
    box-shadow: 0 0 20px rgba(255, 90, 47, .45) !important;
}

.card,
.panel,
.widget-editor-card,
.widget-preview,
.asset,
.menu-row,
main > form > .panel,
form .admin-form-panel,
form .panel {
    border: 1px solid var(--admin-line) !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .78), rgba(255, 250, 242, .92)),
        var(--admin-surface-strong) !important;
    box-shadow: var(--admin-shadow) !important;
}

.stat {
    display: block !important;
    background: linear-gradient(135deg, #16120e, #ff5a2f) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
}

a {
    color: #d9461f !important;
}

input,
select,
textarea,
input[type="file"] {
    border: 1.5px solid rgba(22, 18, 14, .2) !important;
    background: #fff !important;
    color: var(--admin-text) !important;
    box-shadow: inset 0 1px 2px rgba(22, 18, 14, .04);
}

input:focus,
select:focus,
textarea:focus {
    border-color: rgba(255, 90, 47, .72) !important;
    box-shadow: 0 0 0 4px rgba(255, 90, 47, .13), inset 0 1px 2px rgba(22, 18, 14, .04) !important;
    background: #fffaf2 !important;
}

label {
    color: #3c3028 !important;
}

button,
.button,
.primary,
.primary-button,
.secondary-button {
    background: #16120e !important;
    color: #fff !important;
}

.primary,
.primary-button,
button[type="submit"]:not(.secondary-button) {
    background: linear-gradient(135deg, #16120e, #ff5a2f) !important;
    color: #fff !important;
}

.secondary-button {
    border-color: rgba(22, 18, 14, .16) !important;
    background: rgba(22, 18, 14, .08) !important;
    color: #16120e !important;
}

.widget-preview {
    background:
        radial-gradient(circle at top right, rgba(255, 90, 47, .12), transparent 14rem),
        rgba(255, 250, 242, .92) !important;
}

.preview-block,
.preview-card-grid article {
    border-color: rgba(22, 18, 14, .12) !important;
    background: rgba(255, 255, 255, .5) !important;
}

.preview-button {
    background: #16120e !important;
    color: #fff !important;
}

table,
td,
th {
    color: var(--admin-text) !important;
}

td,
th {
    border-color: rgba(22, 18, 14, .11) !important;
}

tbody tr:hover {
    background: rgba(255, 90, 47, .055) !important;
}

code {
    border-color: rgba(22, 18, 14, .12) !important;
    background: rgba(22, 18, 14, .055) !important;
}

.success {
    border-color: rgba(22, 101, 52, .22) !important;
    background: rgba(22, 101, 52, .08) !important;
    color: var(--admin-success) !important;
}

.error {
    border-color: rgba(180, 35, 60, .24) !important;
    background: rgba(180, 35, 60, .08) !important;
    color: var(--admin-danger) !important;
}

.warning {
    border-color: rgba(180, 95, 6, .28) !important;
    background: rgba(255, 196, 86, .16) !important;
    color: #8a4b00 !important;
}

a.secondary {
    border-color: rgba(22, 18, 14, .16) !important;
    background: rgba(22, 18, 14, .06) !important;
    color: #16120e !important;
}

.menu-children {
    background: rgba(255, 255, 255, .42) !important;
    border-color: rgba(22, 18, 14, .16) !important;
}

.asset-thumb {
    background: rgba(22, 18, 14, .05) !important;
}

.asset-meta {
    border-top-color: rgba(22, 18, 14, .1) !important;
}

.admin-media-empty {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .78), rgba(255, 250, 242, .92)),
        var(--admin-surface-strong) !important;
}

.content-editor-shell details.content-collapsible {
    background: rgba(255, 255, 255, .5) !important;
    border-color: rgba(22, 18, 14, .12) !important;
}

.theme-preview {
    border-color: rgba(22, 18, 14, .12) !important;
    background:
        radial-gradient(circle at 24% 18%, rgba(255, 90, 47, .22), transparent 8rem),
        linear-gradient(135deg, rgba(22, 18, 14, .08), rgba(255, 255, 255, .52)) !important;
}

.theme-preview span {
    background: rgba(22, 18, 14, .2) !important;
}

.theme-badge {
    background: rgba(22, 101, 52, .1) !important;
    color: #166534 !important;
}

.theme-card-active {
    border-color: rgba(255, 90, 47, .42) !important;
}

.login-screen main {
    background:
        radial-gradient(circle at top right, rgba(255, 90, 47, .18), transparent 14rem),
        rgba(255, 250, 242, .9) !important;
}

.login-screen main::before {
    background: #16120e !important;
    color: #fff !important;
    content: "D" !important;
}