/* 
 * Professional Theme - Clean and Corporate Design
 * Suitable for traditional security companies
 */

:root {
    --theme-primary: #001829;
    --theme-primary-light: #002D4D;
    --theme-secondary: #0078D4;
    --theme-accent: #FF8C00;
    --theme-bg: #F5F5F5;
    --theme-card-bg: #FFFFFF;
    --theme-text: #323130;
    --theme-text-muted: #605E5C;
    --theme-border: #EDEBE9;
}

.theme-professional .login-container,
.theme-professional .clock-in-container {
    background: linear-gradient(135deg, var(--theme-primary) 0%, var(--theme-primary-light) 100%);
}

.theme-professional .btn-primary {
    background: linear-gradient(135deg, var(--theme-primary) 0%, var(--theme-primary-light) 100%);
    border: none;
}

.theme-professional .btn-primary:hover {
    background: linear-gradient(135deg, var(--theme-primary-light) 0%, #003D5D 100%);
}

.theme-professional .card {
    border: 1px solid var(--theme-border);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.theme-professional .navbar {
    background: linear-gradient(135deg, var(--theme-primary) 0%, var(--theme-primary-light) 100%);
}

.theme-professional .form-control:focus {
    border-color: var(--theme-secondary);
    box-shadow: 0 0 0 2px rgba(0, 120, 212, 0.2);
}

.theme-professional .badge-primary {
    background: var(--theme-secondary);
}

.theme-professional .text-primary {
    color: var(--theme-primary) !important;
}

.theme-professional .link-primary {
    color: var(--theme-secondary);
}

.theme-professional .link-primary:hover {
    color: #005A9E;
}