/*
Theme Name:   PRASASSTI Alumni Theme
Theme URI:    https://malaysiaserver.my/
Author:       Sharil Sharizal
Author URI:   https://malaysiaserver.my/
Description:  PRASASSTI Alumni Association
Original Version: v1.0.0 with Basic CSS + HTML
Current Version:  v1.0.7 Rev.B with Advanced API + CSS + HTML + Javascript + Python
Website:	  #53 Customized Theme
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags:         responsive-layout, custom-colors, one-column
Text Domain:  prasasti-theme
*/

/* All the custom CSS from the <style> block goes here */
body {
    font-family: 'Inter', sans-serif;
    background-color: #f8fafc; /* Tailwind's gray-50 */
}
/* Custom colors based on the logo */
.bg-prasasti-blue { background-color: #0d244f; }
.text-prasasti-blue { color: #0d244f; }
.text-prasasti-gold { color: #d4af37; }
.border-prasasti-gold { border-color: #d4af37; }
.bg-prasasti-red { background-color: #c81e32; }
.text-prasasti-red { color: #c81e32; }

/* Smooth scroll behavior */
html {
    scroll-behavior: smooth;
}

/* Animation for cards and buttons */
.interactive-element {
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}
.interactive-element:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

/* Spinner for loading state */
.loader {
    border: 4px solid #f3f3f3; /* Light grey */
    border-top: 4px solid #0d244f; /* Prasasti Blue */
    border-radius: 50%;
    width: 24px;
    height: 24px;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}