/* Raipur University Custom Styles */

:root {
    /* Brand Colors from Raipur University */
    --primary-color: #a91d54;          /* Burgundy/Maroon - Primary brand color */
    --primary-dark: #8c1646;           /* Darker shade for hover states */
    --primary-light: #770d3a;          /* Lighter shade */
    --secondary-color: #ff9700;        /* Orange - Secondary accent */
    --light-bg: #feefdf;               /* Light peachy background */
    --light-bg-alt: #ffeede;           /* Alternative light background */
    --light-pink: #fae9ec;             /* Light pink for hover states */
    --dark-text: #333333;              /* Dark text color */
    --gray-bg: #f8f8f8;                /* Gray background */

    /* Animation variables */
    --duration: 40s;
    --gap: 1rem;
}

/* Custom animations */
@keyframes marquee {
    0% {
        transform: translateX(0%);
    }
    100% {
        transform: translateX(-100%);
    }
}

.animate-marquee {
    animation: marquee var(--duration) linear infinite;
}

.marquee-container {
    overflow: hidden;
}

/* Brand-specific text colors */
.text-theme-300\/10 {
    color: rgba(169, 29, 84, 0.1);
}

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

.text-secondary {
    color: var(--secondary-color);
}

/* Gradient utilities */
.from-theme-500\/35 {
    --tw-gradient-from: rgba(169, 29, 84, 0.35);
}

.bg-theme-100\/30 {
    background-color: rgba(254, 239, 223, 0.3);
}

.bg-theme-100\/50 {
    background-color: rgba(254, 239, 223, 0.5);
}

/* Button styles with Raipur University branding */
.btn-primary {
    background-color: var(--primary-color);
    color: white;
    transition: background-color 0.3s ease;
}

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

/* Card hover effects */
.card-hover:hover {
    background-color: var(--light-pink);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(169, 29, 84, 0.15);
    transition: all 0.3s ease;
}

/* Form input focus states */
input:focus,
select:focus,
textarea:focus {
    outline: 2px solid var(--primary-color);
    outline-offset: 2px;
}

/* Custom scrollbar */
.card-scroll::-webkit-scrollbar {
    height: 6px;
    width: 6px;
}

.card-scroll::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 3px;
}

.card-scroll::-webkit-scrollbar-thumb {
    background: var(--primary-color);
    border-radius: 3px;
}

.card-scroll::-webkit-scrollbar-thumb:hover {
    background: var(--primary-dark);
}

/* Loading animation */
@keyframes pulse {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.5;
    }
}

.animate-pulse {
    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

/* Fade in animation */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.fade-enter-active {
    animation: fadeIn 0.3s ease-in-out;
}

/* Border color utilities */
.border-primary {
    border-color: var(--primary-color);
}

.border-secondary {
    border-color: var(--secondary-color);
}

/* Background utilities */
.bg-primary {
    background-color: var(--primary-color);
}

.bg-primary-dark {
    background-color: var(--primary-dark);
}

.bg-secondary {
    background-color: var(--secondary-color);
}

.bg-light {
    background-color: var(--light-bg);
}

/* Typography */
.font-heading {
    font-weight: 700;
    color: var(--dark-text);
}

.font-subheading {
    font-weight: 600;
    color: var(--primary-color);
}

/* Shadow utilities */
.shadow-primary {
    box-shadow: 0 4px 14px rgba(169, 29, 84, 0.15);
}

.shadow-primary-lg {
    box-shadow: 0 10px 30px rgba(169, 29, 84, 0.2);
}

/* Responsive utilities */
@media (max-width: 768px) {
    :root {
        --gap: 0.5rem;
    }
}

/* Print styles */
@media print {
    .no-print {
        display: none;
    }
}