/* warm-amber — warm editorial-style enterprise design. */

[data-theme="warm-amber"] {
    --color-scheme: light;
    --default-font-family: "Source Sans 3";
    --font-display: "Source Serif 4";
    --font-size-base: 15px;
    --font-size-lg: 16px;
    --line-height-base: 1.62;
    --letter-spacing-tight: -0.15px;
    --letter-spacing-wide: 0.08em;

    --color-topbar-bg: #3d2a14;
    --color-topbar-text: #f6efe4;
    --color-topbar-muted: rgba(246, 239, 228, 0.18);
    --color-topbar-hover: rgba(246, 239, 228, 0.1);

    --color-menu-bg: #fbf6ee;
    --color-menu-text: #4a3724;
    --color-menu-hover: #f3e6d0;
    --color-menu-active-bg: #fde68a;
    --color-menu-active-border: #d97706;
    --nav-item-radius: 4px;

    --color-body-bg: #f6efe4;
    --color-surface-0: #f6efe4;
    --color-surface-1: #fffdf8;
    --color-surface-2: #f3e6d0;
    --color-surface-3: #fde68a;
    --color-card-bg: #fffdf8;
    --color-card-muted: #f8f1e6;
    --color-table-stripe: #f8f1e6;
    --color-table-header: #f0e4d0;
    --color-table-hover: #fde68a;
    --color-table-border: #e4d3b8;
    --color-overlay: rgba(61, 42, 20, 0.45);
    --color-scrim: rgba(61, 42, 20, 0.3);

    --color-text-primary: #2c2118;
    --color-text-secondary: #5c4a38;
    --color-text-muted: #8a7460;
    --color-text-inverse: #f6efe4;
    --color-text-on-accent: #fffdf8;

    --color-accent: #c2410c;
    --color-accent-hover: #9a3412;
    --color-accent-light: #ffedd5;
    --color-accent-contrast: #7c2d12;
    --color-danger: #b91c1c;
    --color-danger-hover: #991b1b;
    --color-danger-soft: #fef2f2;
    --color-danger-soft-text: #7f1d1d;
    --color-success: #3f6212;
    --color-success-hover: #365314;
    --color-success-soft: #ecfccb;
    --color-success-soft-text: #3f6212;
    --color-warning: #b45309;
    --color-warning-hover: #92400e;
    --color-warning-soft: #fff7ed;
    --color-warning-soft-text: #7c2d12;
    --color-info: #1d4ed8;
    --color-info-hover: #1e40af;
    --color-info-soft: #eff6ff;
    --color-info-soft-text: #1e3a8a;

    --btn-primary: #c2410c;
    --btn-primary-hover: #9a3412;
    --btn-success: #3f6212;
    --btn-success-hover: #365314;
    --btn-secondary: #7c6a56;
    --btn-secondary-hover: #5c4a38;

    --border-color: #e4d3b8;
    --border-strong: #cbb89a;
    --border-focus: #c2410c;
    --focus-ring: 0 0 0 3px rgba(194, 65, 12, 0.25);

    --color-input-bg: #fffdf8;
    --color-input-border: #cbb89a;
    --color-input-text: #2c2118;
    --color-input-placeholder: #8a7460;
    --color-input-disabled-bg: #f3e6d0;
    --control-height: 40px;
    --control-height-sm: 32px;
    --control-padding-x: 16px;

    --shadow-xs: 0 1px 2px rgba(61, 42, 20, 0.06);
    --shadow-sm: 0 2px 6px rgba(61, 42, 20, 0.07);
    --shadow-md: 0 6px 18px rgba(61, 42, 20, 0.1);
    --shadow-lg: 0 14px 32px rgba(61, 42, 20, 0.12);
    --shadow-header: 0 1px 0 #e4d3b8, 0 8px 18px rgba(61, 42, 20, 0.08);
    --shadow-modal: 0 22px 48px rgba(61, 42, 20, 0.16);

    --header-top-height: 50px;
    --header-bottom-height: 48px;
    --content-padding: 26px;
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 14px;
    --space-4: 18px;
    --space-5: 22px;
    --space-6: 28px;

    --radius-sm: 4px;
    --radius-md: 6px;
    --radius-lg: 8px;
    --radius-xl: 12px;

    --gradient-page: linear-gradient(180deg, rgba(253, 230, 138, 0.35), rgba(246, 239, 228, 0));
    --gradient-hero: linear-gradient(135deg, #3d2a14 0%, #7c2d12 48%, #c2410c 100%);
    --gradient-brand: linear-gradient(135deg, #3d2a14 0%, #9a3412 55%, #c2410c 100%);
    --gradient-accent: linear-gradient(135deg, #c2410c 0%, #ea580c 100%);
    --gradient-card-head: linear-gradient(135deg, #f8f1e6 0%, #ffedd5 100%);
    --gradient-audit: linear-gradient(135deg, #fffdf8 0%, #f3e6d0 100%);
    --decor-blob-1: rgba(194, 65, 12, 0.14);
    --decor-blob-2: rgba(217, 119, 6, 0.16);

    --auth-page-bg: radial-gradient(circle at top, #7c2d12 0%, #3d2a14 48%, #23180e 100%);
    --auth-showcase-bg: linear-gradient(135deg, rgba(61, 42, 20, 0.92) 0%, rgba(35, 24, 14, 0.88) 100%);
    --auth-showcase-border: rgba(253, 230, 138, 0.28);
    --auth-showcase-shadow: 0 12px 36px rgba(35, 24, 14, 0.4);
    --auth-badge-bg: rgba(124, 45, 18, 0.7);
    --auth-badge-border: rgba(253, 230, 138, 0.55);
    --auth-badge-text: #fde68a;
    --auth-heading: #fff7ed;
    --auth-body-text: #f3e6d0;
    --auth-list-text: #f8f1e6;
    --auth-icon: #fbbf24;
    --auth-card-bg: linear-gradient(180deg, rgba(255, 253, 248, 0.98), rgba(248, 241, 230, 0.96));
    --auth-card-border: rgba(203, 184, 154, 0.7);
    --auth-card-shadow: 0 28px 64px rgba(35, 24, 14, 0.32);
    --auth-card-text: #2c2118;
    --auth-muted: #5c4a38;
    --auth-label: #4a3724;
    --auth-input-bg: #fffdf8;
    --auth-input-border: #cbb89a;
    --auth-input-text: #2c2118;
    --auth-check-label: #5c4a38;
    --auth-captcha-panel-bg: rgba(253, 230, 138, 0.28);
    --auth-captcha-panel-border: rgba(194, 65, 12, 0.28);
    --auth-captcha-text-bg: repeating-linear-gradient(45deg, #ffedd5, #ffedd5 10px, #fed7aa 10px, #fed7aa 20px);
    --auth-captcha-text-color: #7c2d12;
    --auth-captcha-text-border: #fdba74;
    --auth-btn-gradient: linear-gradient(90deg, #c2410c, #ea580c);
    --auth-btn-gradient-hover: linear-gradient(90deg, #9a3412, #c2410c);
    --auth-danger: #b91c1c;

    --metric-total: #c2410c;
    --metric-active: #3f6212;
    --metric-inactive: #7c6a56;
    --metric-pending: #b45309;
    --metric-overdue: #b91c1c;
    --metric-info: #1d4ed8;
    --color-visit: #0f766e;
    --color-print: #7c3aed;

    --bs-primary-rgb: 194, 65, 12;
}

[data-theme="warm-amber"] .bz-brand,
[data-theme="warm-amber"] .bz-card-title,
[data-theme="warm-amber"] .form-header h2,
[data-theme="warm-amber"] .dash-hero h1,
[data-theme="warm-amber"] .dash-hero h2,
[data-theme="warm-amber"] .auth-showcase h1,
[data-theme="warm-amber"] .auth-card-header h2 {
    font-family: var(--font-display);
    letter-spacing: var(--letter-spacing-tight);
}

[data-theme="warm-amber"] #topNavigationMenu .dx-menu-item {
    border-radius: var(--nav-item-radius) !important;
    border-bottom: 2px solid transparent !important;
}

[data-theme="warm-amber"] #topNavigationMenu .dx-menu-item.dx-state-selected,
[data-theme="warm-amber"] #topNavigationMenu .dx-menu-item.dx-state-focused {
    background: transparent !important;
    border-bottom-color: var(--color-accent) !important;
    border-radius: 0 !important;
}

[data-theme="warm-amber"] .content-card,
[data-theme="warm-amber"] .bz-card,
[data-theme="warm-amber"] .form-container,
[data-theme="warm-amber"] .card {
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-xs);
    border: 1px solid var(--border-color);
}

[data-theme="warm-amber"] .bz-page-header,
[data-theme="warm-amber"] .items-page .items-page-header {
    background: var(--gradient-brand);
}

[data-theme="warm-amber"] .dash-shell::before {
    background:
        radial-gradient(circle at 18% 12%, var(--decor-blob-2), transparent 30%),
        radial-gradient(circle at 86% 6%, var(--decor-blob-1), transparent 28%),
        var(--gradient-page);
}

[data-theme="warm-amber"] .dash-hero {
    background: var(--gradient-hero);
    border-radius: var(--radius-md);
}

[data-theme="warm-amber"] .detail-section-title {
    font-family: var(--font-display);
}