/* site.variables.css - The master variables file for ComplianceGrid */

:root {
    /* Core brand colors */
    --primary-color: #959799;
    --primary-color-rgb: 0, 123, 255;
    --secondary-color: #878b8b;
    --secondary-color-rgb: 108, 117, 125;
    --accent-color: #ff9800;
    --accent-color-rgb: 255, 152, 0;
    /* Text and background */
    --text-color: #212529;
    --background-color: #ffffff;
    /* Typography */
    --font-family: 'Roboto', 'Helvetica Neue', Arial, sans-serif;
    --font-size-base: 14px;
    --font-size-sm: 12px;
    --font-size-lg: 16px;
    --font-weight-normal: 400;
    --font-weight-bold: 700;
    /* Layout and styling */
    --button-radius: 5px;
    --card-radius: 8px;
    --card-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    --header-height: 80px;
    /* Tenant-specific colors */
    --system-primary: #42424a;
    --system-secondary: #191919;
    --partner-primary: #256c52;
    --partner-secondary: #47c13f;
    --business-primary: #43A047;
    --business-secondary: #66BB6A;
    --individual-primary: #D81B60;
    --individual-secondary: #EC407A;
    /* Status colors */
    --success-color: #28a745;
    --success-color-rgb: 40, 167, 69;
    --danger-color: #dc3545;
    --danger-color-rgb: 220, 53, 69;
    --warning-color: #ffc107;
    --warning-color-rgb: 255, 193, 7;
    --info-color: #17a2b8;
    --info-color-rgb: 23, 162, 184;
}

/* Dark mode variables */
body.dark-mode {
    /* Update colors for dark mode */
    --text-color: #f8f9fa;
    --background-color: #121212;
    /* Adjusted component colors for dark mode */
    --card-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
}

/* Tenant-specific theme classes */
.tenant-theme-system {
    --tenant-primary: var(--system-primary);
    --tenant-secondary: var(--system-secondary);
    --tenant-accent: #e91e63;
}

.tenant-theme-partner {
    --tenant-primary: var(--partner-primary);
    --tenant-secondary: var(--partner-secondary);
    --tenant-accent: #019b00;
}

.tenant-theme-business {
    --tenant-primary: var(--business-primary);
    --tenant-secondary: var(--business-secondary);
    --tenant-accent: #004d40;
}

.tenant-theme-individual {
    --tenant-primary: var(--individual-primary);
    --tenant-secondary: var(--individual-secondary);
    --tenant-accent: #880e4f;
}

/* Base body styles to ensure consistent font family */
body {
    font-family: var(--font-family);
    font-size: var(--font-size-base);
    color: var(--text-color);
    background-color: var(--background-color);
    margin: 0;
    padding: 0;
    transition: background-color 0.3s, color 0.3s;
}

/* Standardized heading styles */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: var(--font-family);
    font-weight: var(--font-weight-bold);
    margin-bottom: 0.5rem;
    line-height: 1.2;
}