:root[data-theme="earth-sand"] {
    --palette-primary-50: #faf7f2;
    --palette-primary-100: #f3ede5;
    --palette-primary-200: #e6d8ca;
    --palette-primary-300: #d7c0ae;
    --palette-primary-400: #c8a165;
    --palette-primary-500: #8d6e63;
    --palette-primary-600: #795548;
    --palette-primary-700: #5d4037;
    --palette-primary-800: #4e342e;
    --palette-primary-900: #3e2723;
    --theme-background: #faf7f2;
    --theme-primary: #8d6e63;
    --theme-primary-hover: #795548;
    --theme-primary-active: #5d4037;
    --theme-primary-strong: #5d4037;
    --theme-primary-soft: #f3ede5;
    --theme-primary-soft-strong: #e6d8ca;
    --theme-secondary: #c8a165;
    --theme-secondary-hover: #b48a4f;
    --theme-secondary-active: #946f37;
    --theme-secondary-soft: #fbf0dc;
    --theme-secondary-soft-strong: #efd8aa;
    --theme-accent: #a5d6a7;
    --theme-accent-hover: #66bb6a;
    --theme-accent-active: #2e7d32;
    --theme-accent-soft: #eef7ee;
    --theme-accent-soft-strong: #d7ecd8;
    --theme-text-primary: #263238;
    --theme-text-secondary: #4e463f;
    --theme-text-tertiary: #6c6259;
    --theme-text-strong: #263238;
    --theme-text-muted: #756d65;
    --theme-text-muted-strong: #5d554e;
    --theme-text-subtle: #a2968b;
    --theme-surface-primary: #ffffff;
    --theme-surface-secondary: #faf7f2;
    --theme-surface-raised: #ffffff;
    --theme-surface-tint: #f3ede5;
    --theme-surface-hover: #f6efe7;
    --theme-surface-muted: #fbf8f4;
    --theme-surface-subtle: #fffdfb;
    --theme-border-primary: #e6d8ca;
    --theme-border-light: #efe6dc;
    --theme-border-muted: #d7c8ba;
    --theme-border-strong: #b89f8e;
    --theme-success: #2e7d32;
    --theme-success-accent: #66bb6a;
    --theme-success-soft: #e8f5e9;
    --theme-warning: #8d6e63;
    --theme-warning-accent: #c8a165;
    --theme-warning-soft: #fbf0dc;
    --theme-danger: #b13a2f;
    --theme-danger-accent: #d96b5f;
    --theme-danger-soft: #fae8e5;
    --theme-info: #1565c0;
    --theme-info-hover: #0d47a1;
    --theme-info-active: #0a367c;
    --theme-info-soft: #e3f2fd;
    --theme-info-soft-strong: #bbdefb;
    --theme-info-ring: #90caf9;
    --theme-shadow-xs: 0 1px 3px rgba(62, 39, 35, 0.08);
    --theme-shadow-sm: 0 10px 26px rgba(62, 39, 35, 0.08);
    --theme-shadow-md: 0 18px 42px rgba(141, 110, 99, 0.16);
    --theme-card-radius: 12px;
    --theme-card-bg: #ffffff;
    --theme-card-header-bg: transparent;
    --theme-card-border: #e6d8ca;
    --theme-card-shadow: 0 10px 26px rgba(62, 39, 35, 0.08);
    --theme-card-hover-shadow: 0 18px 42px rgba(141, 110, 99, 0.16);
    --theme-button-radius: 10px;
    --theme-button-transform: translateY(-1px);
    --theme-button-primary-bg: #8d6e63;
    --theme-button-primary-hover-bg: #795548;
    --theme-button-primary-border: #8d6e63;
    --theme-button-primary-border-hover: #795548;
    --theme-button-primary-shadow: 0 10px 22px rgba(141, 110, 99, 0.22);
    --theme-button-base-bg: #ffffff;
    --theme-button-base-hover-bg: #f3ede5;
    --theme-input-radius: 10px;
    --theme-input-bg: #ffffff;
    --theme-input-border: #d7c8ba;
    --theme-input-focus-border: #c8a165;
    --theme-focus-ring-color: rgba(200, 161, 101, 0.2);
    --theme-table-radius: 10px;
    --theme-table-header-bg: #f3ede5;
    --theme-table-row-hover-bg: #faf0df;
    --theme-nav-bg: #efe5d9;
    --theme-nav-bg-raised: rgba(255, 255, 255, 0.82);
    --theme-nav-surface: rgba(255, 255, 255, 0.72);
    --theme-nav-surface-strong: #e6d8ca;
    --theme-nav-border: rgba(141, 110, 99, 0.18);
    --theme-nav-border-strong: rgba(141, 110, 99, 0.34);
    --theme-nav-text: #263238;
    --theme-nav-text-muted: #4e463f;
    --theme-nav-text-subtle: #756d65;
    --theme-nav-stage: #8d6e63;
    --theme-nav-stage-soft: #f3ede5;
    --theme-nav-active-bar: #8d6e63;
    --theme-sidebar-block-radius: 12px;
    --theme-nav-item-radius: 10px;
    --theme-gradient-hero: linear-gradient(135deg, #5d4037 0%, #8d6e63 56%, #c8a165 100%);
    --theme-gradient-hero-surface: #faf7f2;
    --theme-chart-1: #8d6e63;
    --theme-chart-2: #c8a165;
    --theme-chart-3: #2e7d32;
    --theme-chart-4: #1565c0;
    --theme-chart-5: #a5d6a7;
    --theme-chart-6: #6c6259;
    --theme-chart-text: #4e463f;
    --theme-chart-grid: #e6d8ca;
}

html[data-theme="earth-sand"] .vvb-card,
html[data-theme="earth-sand"] .vvb-panel,
html[data-theme="earth-sand"] .auth-card {
    border-width: 1px;
}

html[data-theme="earth-sand"] .trace-navigation-item.active {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.86), 0 10px 22px rgba(141, 110, 99, 0.12);
}
