/* Fonts */
@font-face {
    font-family: 'Larken';
    src: url('/static/fonts/Larken-Regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Larken';
    src: url('/static/fonts/Larken-Bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Manrope';
    src: url('/static/fonts/Manrope-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Manrope';
    src: url('/static/fonts/Manrope-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}


/* Override Bootstrap's fonts */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Larken', serif;
    font-weight: 700; /* Bold by default for headers */
}

/* Body: Manrope Regular and Bold */
body {
    font-family: 'Manrope', sans-serif;
    font-weight: 400; /* Regular by default for body text */
}

p, span, li, a, div, button, small {
    font-family: 'Manrope', sans-serif;
}

/* Specific styles for bold text in the body */
strong, b {
    font-weight: 700; /* Bold */
}

/* Custom colours */
/* Custom prominent colors */
body,
.nav-bg {
    background-color: #181818;
    color: #FAFAFA;
}

/* Custom accent color for primary elements */
.btn-primary,
.text-primary,
.registered_event {
    background-color: #C59A00;
    border-color: #C59A00 !important;
    color: #FAFAFA; /* Ensure text is readable on the accent color */
}

.event {
    background-color: #181818;
    border-color: #181818;
}

.text-white {
    color: #FAFAFA;
}

.text-muted {
    --bs-text-opacity: 1;
    color: #FAFAFA !important;
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus-visible {
    background-color: rgba(197, 154, 0, 0.6) !important;
    border-color: rgba(197, 154, 0, 0.6) !important;
}

.btn-success {
    background-color: #181818;
    border-color: #C59A00;
    border-width: 2px;
    color: #FAFAFA; /* Ensure text is readable on the accent color */
}

.btn-success:disabled {
    background-color: #181818;
    border-color: #C59A00;
    border-width: 2px;
    color: #FAFAFA; /* Ensure text is readable on the accent color */
}

.btn-success:hover,
.btn-success:active,
.btn-success:focus-visible {
    background-color: #181818 !important;
    border-color: #C59A00 !important;
    border-width: 2px;
    color: #C59A00 !important; /* Ensure text is readable on the accent color */
}

a,
.nav-link {
    color: #C59A00;
}

a:hover,
.nav-link:hover,
.nav-link:focus {
    color: #FAFAFA;
}

a.no-hover:hover {
    color: #C59A00;
}

/* Custom card styling */
.card {
    background-color: #FAFAFA;
    border-color: #C59A00;
}

.card-title {
    color: #181818;
}

/* Images for background */
.login-bg {
    background-image:   linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
                        url(/static/images/login_bg.jpg);
    background-size: cover;
    background-position: right;
    background-repeat: no-repeat;
}

.register_bg {
    background-image:   linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
                        url(/static/images/register_bg.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}