/* Light theme */
:root {
    /* Bootstrap base */
    --bs-border-radius: 0.65rem;
    --bs-body-bg: oklch(1 0 0);
    --bs-body-color: oklch(0.141 0.005 285.823);
    /* Contextual colors */
    --bs-primary: oklch(0.623 0.214 259.815);
    --bs-primary-rgb: 99, 82, 252; /* fallback rgb */
    --bs-secondary: oklch(0.967 0.001 286.375);
    --bs-secondary-rgb: 245, 245, 247;
    --bs-success: oklch(0.646 0.222 41.116);
    --bs-info: oklch(0.6 0.118 184.704);
    --bs-warning: oklch(0.828 0.189 84.429);
    --bs-danger: oklch(0.577 0.245 27.325);
    /* Component surfaces */
    --bs-card-bg: oklch(1 0 0);
    --bs-card-color: oklch(0.141 0.005 285.823);
    --bs-popover-bg: oklch(1 0 0);
    --bs-popover-color: oklch(0.141 0.005 285.823);
    /* Borders & inputs */
    --bs-border-color: oklch(0.92 0.004 286.32);
    --bs-input-bg: oklch(1 0 0);
    --bs-input-color: oklch(0.141 0.005 285.823);
    /* Sidebar (custom) */
    --sidebar-bg: oklch(0.985 0 0);
    --sidebar-color: oklch(0.141 0.005 285.823);
    --sidebar-border: oklch(0.92 0.004 286.32);
}

/* Dark theme */
.dark {
    --bs-body-bg: oklch(0.141 0.005 285.823);
    --bs-body-color: oklch(0.985 0 0);
    --bs-primary: oklch(0.546 0.245 262.881);
    --bs-secondary: oklch(0.274 0.006 286.033);
    --bs-success: oklch(0.488 0.243 264.376);
    --bs-info: oklch(0.696 0.17 162.48);
    --bs-warning: oklch(0.627 0.265 303.9);
    --bs-danger: oklch(0.704 0.191 22.216);
    --bs-card-bg: oklch(0.21 0.006 285.885);
    --bs-card-color: oklch(0.985 0 0);
    --bs-popover-bg: oklch(0.21 0.006 285.885);
    --bs-popover-color: oklch(0.985 0 0);
    --bs-border-color: oklch(1 0 0 / 10%);
    --bs-input-bg: oklch(0.21 0.006 285.885);
    --bs-input-color: oklch(0.985 0 0);
    /* Sidebar (custom) */
    --sidebar-bg: oklch(0.21 0.006 285.885);
    --sidebar-color: oklch(0.985 0 0);
    --sidebar-border: oklch(1 0 0 / 10%);
}

.reactive:hover{
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    transform: scale(1.00); 
 
    
}



td a:hover{
    background-color: rgba(0, 0, 0, 0.1);
 
}