/* Brand Variables */
:root {
    --brand-blue: #0061A2;
    --brand-orange: #F37021;
}

.text-primary-brand { color: var(--brand-blue); }

/* Tile Styling */
.portal-tile {
    background-color: var(--brand-orange);
    color: white;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    cursor: pointer;
    min-height: 250px; /* Gives them that square/chunky feel */
}

.portal-tile:hover {
    transform: translateY(-8px);
    box-shadow: 0 1rem 3rem rgba(0,0,0,0.15) !important;
}

.portal-tile .tile-icon {
    color: white;
    opacity: 0.6;
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.portal-tile:hover .tile-icon {
    opacity: 1;
    transform: scale(1.1);
}

.portal-tile h2 { color: white; }
.portal-tile .tile-text { color: rgba(255,255,255,0.8); }

/* Modern Tables (For viewContacts/viewWorkshops) */
.table-portal thead {
    background-color: rgba(0, 97, 162, 0.05);
    color: var(--brand-blue);
}
.table-portal tbody tr:hover {
    background-color: rgba(0, 97, 162, 0.08) !important;
    cursor: pointer;
}