/* ========================================
   Enerinno design variables
======================================== */

:root {
    /* Brand colors */
    --enerinno-orange: #ff4f12;
    --enerinno-orange-dark: #df3d00;
    --enerinno-orange-soft: #fff1eb;
    --enerinno-orange-pale: #fff8f5;

    /* Text colors */
    --enerinno-ink: #202735;
    --enerinno-heading: #171d29;
    --enerinno-gray: #667085;

    /* Background and border colors */
    --enerinno-gray-light: #eef1f4;
    --enerinno-border: #e2e6eb;
    --enerinno-surface: #ffffff;
    --enerinno-background: #f7f8fa;

    /* Status colors */
    --enerinno-success: #16835c;
    --enerinno-danger: #c93636;

    /* Shadows */
    --shadow-sm:
        0 4px 16px rgba(24, 32, 45, 0.06);

    --shadow-md:
        0 14px 40px rgba(24, 32, 45, 0.09);

    /* Layout */
    --content-width: 1400px;

    /* Primary buttons */
    --button-primary: #ff4f12;
    --button-primary-hover: #df3d00;

    --button-primary-shadow:
        0 9px 22px rgba(255, 79, 18, 0.20);

    /* Secondary buttons */
    --button-secondary-text: #303846;
    --button-secondary-border: #aeb7c1;
    --button-secondary-background: #ffffff;
}

body[data-theme="dark"] {
    --enerinno-orange-soft: #3b241d;
    --enerinno-orange-pale: #2a1e1a;
    --enerinno-ink: #f3f5f7;
    --enerinno-heading: #ffffff;
    --enerinno-gray: #aab3bf;
    --enerinno-gray-light: #2c333d;
    --enerinno-border: #343d49;
    --enerinno-surface: #1d232d;
    --enerinno-background: #11161d;
    --button-secondary-text: #edf1f5;
    --button-secondary-border: #586270;
    --button-secondary-background: #252c36;
    --shadow-sm: 0 4px 16px rgba(0, 0, 0, .2);
    --shadow-md: 0 14px 40px rgba(0, 0, 0, .3);
    color: var(--enerinno-ink);
    background: var(--enerinno-background);
}
body[data-theme="dark"] .site-header,
body[data-theme="dark"] .navbar-menu,
body[data-theme="dark"] .test-filter-card,
body[data-theme="dark"] .test-summary-card,
body[data-theme="dark"] .test-chart-section,
body[data-theme="dark"] .test-chart-card,
body[data-theme="dark"] .test-readings-card,
body[data-theme="dark"] .configuration-section,
body[data-theme="dark"] .settings-panel,
body[data-theme="dark"] .overview-hero,
body[data-theme="dark"] .rule-list article,
body[data-theme="dark"] .reset-dialog-card {
    color: var(--enerinno-ink);
    background: var(--enerinno-surface);
}
body[data-theme="dark"] input,
body[data-theme="dark"] select,
body[data-theme="dark"] textarea {
    color: var(--enerinno-ink) !important;
    border-color: var(--enerinno-border) !important;
    background: #252c36 !important;
}
body[data-theme="dark"] .test-readings-card tbody tr:hover {
    background: #282f39;
}