/* assets/css/style.css */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

:root {
    --primary-blue: #1A56A0;
    --light-blue: #D6E4F7;
    --church-red: #C0392B;
    --white: #FFFFFF;
    --light-grey: #F5F5F5;
    --dark-text: #1A1A1A;
    --muted-text: #555555;
}

body {
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    color: var(--dark-text);
    background-color: var(--light-grey);
}

/* Custom Nav bar */
.custom-navbar {
    background-color: var(--primary-blue);
    border-bottom: 4px solid var(--church-red);
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

/* Custom Card Style */
.custom-card {
    border: none;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    background-color: var(--white);
}

/* Custom Footer with Church Red accent */
.footer-custom {
    background-color: #0f3563;
    border-top: 5px solid var(--church-red);
}

/* Custom Styled Buttons */
.btn-church-primary {
    background-color: var(--primary-blue);
    color: var(--white);
    font-weight: 600;
    border: none;
    transition: all 0.2s ease-in-out;
}

.btn-church-primary:hover {
    background-color: #123e75;
    color: var(--white);
}

.btn-church-danger {
    background-color: var(--church-red);
    color: var(--white);
    font-weight: 600;
    border: none;
    transition: all 0.2s ease-in-out;
}

.btn-church-danger:hover {
    background-color: #9c2e22;
    color: var(--white);
}