/* Default Theme (Modern Tech) */
:root {
    --primary-color: #1c4e66;
    --secondary-color: #ffa800;
    --bg-color: #f0f8ff;
    --text-color: #333333;
    --sidebar-bg: #1c4e66;
    --header-bg: #ffffff;

    /* Card & Form Variables */
    --card-header-bg: #1c4e66;
    --card-header-text: #ffffff;
    --card-footer-bg: #f8f9fa;
    --input-bg: #fcfcfc;
    --input-border: #e0e0e0;
    --input-focus-border: #1c4e66;
    --btn-primary-bg: #1c4e66;
    --btn-primary-text: #ffffff;
}

/* Royal Engineering Theme */
html.theme-royal {
    --primary-color: #0a2540;
    /* Deep Navy */
    --secondary-color: #dba83d;
    /* Metallic Gold */
    --bg-color: #f4f6f8;
    /* Light Bluish Grey */
    --text-color: #333333;
    --sidebar-bg: #0a2540;
    --header-bg: #ffffff;

    /* Royal Theme Cards */
    --card-header-bg: #0a2540;
    --card-header-text: #dba83d;
    --card-footer-bg: #f4f6f8;
    --input-bg: #ffffff;
    --input-border: #dba83d;
    --input-focus-border: #0a2540;
    --btn-primary-bg: #0a2540;
    --btn-primary-text: #dba83d;
}

/* Industrial Safety Theme */
html.theme-industrial {
    --primary-color: #2d3436;
    /* Charcoal */
    --secondary-color: #ff7600;
    /* Safety Orange */
    --bg-color: #ffffff;
    /* White */
    --text-color: #2d3436;
    --sidebar-bg: #2d3436;
    --header-bg: #ffffff;

    /* Industrial Theme Cards */
    --card-header-bg: #2d3436;
    --card-header-text: #ff7600;
    --card-footer-bg: #eeeeee;
    --input-bg: #ffffff;
    --input-border: #b2b2b2;
    --input-focus-border: #ff7600;
    --btn-primary-bg: #ff7600;
    --btn-primary-text: #ffffff;
}

/* Modern Tech Theme (Explicit Class) */
html.theme-modern {
    --primary-color: #1c4e66;
    /* Petrol Blue */
    --secondary-color: #ffa800;
    /* Yellow/Orange */
    --bg-color: #f0f8ff;
    /* Alice Blue */
    --text-color: #333333;
    --sidebar-bg: #1c4e66;
    --header-bg: #ffffff;

    /* Modern Tech Theme Cards */
    --card-header-bg: #1c4e66;
    --card-header-text: #ffffff;
    --card-footer-bg: #f1f3f4;
    --input-bg: #fcfcfc;
    --input-border: #e0e0e0;
    --input-focus-border: #ffa800;
    --btn-primary-bg: #1c4e66;
    --btn-primary-text: #ffffff;
}

/* DataTables Selected Row Styling */
table.dataTable tbody>tr.selected td,
table.dataTable tbody>tr>.selected td {
    background-color: var(--primary-color) !important;
    color: #ffffff !important;
    border-color: var(--primary-color) !important;
}

table.dataTable tbody>tr.selected:hover td,
table.dataTable tbody>tr>.selected:hover td {
    background-color: var(--primary-color) !important;
    color: #ffffff !important;
}