/* Custom styles for J Company - JAMAK branding */
/* Inverted approach: Gray/charcoal primary with red accents */

/* JAMAK brand colors - Inverted palette */
:root {
    /* Primary Neutrals - Used Prominently */
    --jamak-charcoal: #2B2B2B;
    --jamak-dark-gray: #4A4A4A;
    --jamak-gray: #6B6B6B;
    --jamak-medium-gray: #8C8C8C;
    --jamak-light-gray: #E8E8E8;
    --jamak-pale-gray: #F5F5F5;
    
    /* Accent Colors - Used Sparingly */
    --jamak-red: #DC0E10;
    --jamak-dark-red: #B50C0E;
    
    /* Preserve functional colors for day-based indicators */
    --status-active: #d4edda;
    --status-active-text: #155724;
    --status-investigate: #fff3cd;
    --status-investigate-text: #856404;
    --status-validate: #f8d7da;
    --status-validate-text: #721c24;
}

/* Typography - Gray/charcoal primary */
h1, h2, h3 {
    color: var(--jamak-charcoal);
}

h1 {
    font-weight: 700;
    letter-spacing: -0.02em;
}

h2 {
    color: var(--jamak-dark-gray);
    border-bottom: 2px solid var(--jamak-light-gray);
    padding-bottom: 0.5rem;
    position: relative;
}

/* Red accent line under h2 headers */
h2::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 60px;
    height: 2px;
    background-color: var(--jamak-red);
}

/* Body text in gray */
body {
    color: var(--jamak-gray);
}

/* Buttons - Gray primary */
.generate-btn, button[type="submit"] {
    background-color: var(--jamak-dark-gray);
    border: none;
    transition: all 0.3s ease;
}

.generate-btn:hover, button[type="submit"]:hover {
    background-color: var(--jamak-charcoal);
}

/* Red accent for primary CTAs only */
.generate-btn.primary {
    background-color: var(--jamak-red);
}

.generate-btn.primary:hover {
    background-color: var(--jamak-dark-red);
}

/* Tables - subtle gray styling */
table {
    border: 1px solid var(--jamak-light-gray);
}

th {
    background-color: var(--jamak-pale-gray);
    color: var(--jamak-charcoal);
    font-weight: 600;
    border-bottom: 2px solid var(--jamak-light-gray);
}

td {
    color: var(--jamak-gray);
    border-bottom: 1px solid var(--jamak-light-gray);
}

tr:hover {
    background-color: var(--jamak-pale-gray);
}

/* Header enhancement */
.header-container {
    border-bottom: 2px solid var(--jamak-light-gray);
}

/* Report status badges - subtle styling */
.badge {
    font-weight: 500;
    letter-spacing: 0.02em;
}

/* Preserve day-based color coding */
.idle-low, .status-completed {
    background-color: var(--status-active) !important;
    color: var(--status-active-text) !important;
}

.idle-medium, .status-not_started {
    background-color: var(--status-investigate) !important;
    color: var(--status-investigate-text) !important;
}

.idle-high {
    background-color: var(--status-validate) !important;
    color: var(--status-validate-text) !important;
}