/* assets/css/saims-colors.css */
:root {
    /* Primary Colors from saims Theme */
    --saims-primary: #008B8B;
    --saims-primary-dark: #280b72;
    --saims-primary-light: #3182CE;
    
    /* Secondary/Accent Colors */
    --saims-accent: #c4bf00;  /* Gold/Yellow accent */
    --saims-accent-dark: #a34a08;
    --saims-accent-light: #f7fa7c;
    
    /* Neutral Colors */
    --saims-white: #ffffff;
    --saims-light-gray: #f7f9fb;
    --saims-medium-gray: #718096;
    --saims-dark-gray: #2D3748;
    --saims-black: #1A202C;
    
    /* Status Colors */
    --saims-success: #018e11;
    --saims-warning: #FFB236;
    --saims-danger: #ff5062;
    --saims-info: #2CA8FF;
}

/* Typography */
body {
    font-family: 'Work Sans', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Itim', cursive;
    color: var(--saims-primary);
}

/* Button Styles */
.btn-saims-primary {
    background-color: var(--saims-primary);
    border-color: var(--saims-primary);
    color: var(--saims-white);
}

.btn-saims-primary:hover {
    background-color: var(--saims-primary-dark);
    border-color: var(--saims-white);
}

.btn-saims-accent {
    background-color: var(--saims-accent);
    border-color: var(--saims-accent);
    color: var(--saims-black);
}

.btn-saims-accent:hover {
    background-color: var(--saims-accent-dark);
    border-color: var(--saims-accent-dark);
}

/* Card Styles */
.saims-card {
    border-top: 3px solid var(--saims-primary);
    border-right: 3px solid var(--saims-primary);
    border-bottom: 3px solid var(--saims-primary);
    border-left: 3px solid var(--saims-primary);
    border-radius: 5px;
    transition: all 0.3s ease;
}



/* Alert Styles */
.alert-saims {
    border-left: 4px solid var(--saims-primary);
    background-color: var(--saims-light-gray);
}

/* Table Styles */
.table-saims th {
    background-color: var(--saims-primary);
    color: var(--saims-white);
}

.table-saims tbody tr:hover {
    background-color: var(--saims-light-gray);
}

/* Button Styles */
.btn-saims-primary {
    background-color: var(--saims-primary);
    border-color: var(--saims-primary);
    color: var(--saims-white);
    transition: all 0.3s ease;
}

.btn-saims-primary:hover,
.btn-saims-primary:focus {
    background-color: var(--saims-primary-dark);
    border-color: var(--saims-primary-dark);
    color: var(--saims-white);
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 24, 127, 0.3);
}

.btn-saims-accent {
    background-color: var(--saims-accent-dark);
    border-color: var(--saims-accent-dark);
    color: var(--saims-white);
    
    transition: all 0.3s ease;
}

.btn-saims-accent:hover,
.btn-saims-accent:focus {
    background-color: var(--saims-accent);
    
    border-color: var(--saims-accent);
    color: var(--saims-black);
    transform: translateY(-2px);
}

.btn-outline-saims-primary {
    background-color: transparent;
    border-color: var(--saims-primary);
    color: var(--saims-primary);
    transition: all 0.3s ease;
}

.btn-outline-saims-primary:hover,
.btn-outline-saims-primary:focus {
    background-color: var(--saims-primary);
    border-color: var(--saims-primary);
    color: var(--saims-white);
    transform: translateY(-2px);
}

/* Badge Styles */
.badge-saims {
    background-color: var(--saims-accent);
    color: var(--saims-black);
    font-weight: 500;
}

.badge-saims-primary {
    background-color: var(--saims-primary);
    color: var(--saims-white);
}