/*
 * Bella Golf Club — shared brand theme.
 *
 * Source of the visual language: https://bellagolf.club (navy + red-orange + cream,
 * chunky rounded serif wordmark, IBM Plex Mono detail text). The site's wordmark font
 * "New Spirit" is an Adobe-licensed face we cannot embed, so headings use Fraunces,
 * the closest open alternative. Layout files link this first and layer their own
 * component styles on top.
 */

@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,600;9..144,700&family=IBM+Plex+Mono:wght@500;600&display=swap');

:root {
    /* Brand core (picked from bellagolf.club CSS + logo) */
    --bella-navy:        #163d5c;
    --bella-navy-deep:   #0e2a42;
    --bella-navy-soft:   #1f4a6b;
    --bella-red:         #dd3014;
    --bella-red-dark:    #b82810;
    --bella-gold:        #ffb200;
    --bella-cream:       #f9f0d1;
    --bella-cream-soft:  #fdf9ec;
    --bella-green:       #014215;

    /* Derived UI tones */
    --bella-text:        #1d2a38;
    --bella-muted:       #5d6b7a;
    --bella-border:      #e9deca;
    --bella-surface:     #ffffff;
    --bella-link:        #14507f;

    /* Typography */
    --font-display: 'Fraunces', Georgia, serif;
    --font-mono: 'IBM Plex Mono', 'Courier New', monospace;
    --font-body: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}

/* Brand lockup used in the topbars */
.brand-lockup { display: flex; align-items: center; gap: 10px; text-decoration: none; }
.brand-lockup img { height: 34px; width: auto; display: block; }
.brand-lockup .brand-sub {
    font-family: var(--font-mono);
    font-size: 0.62rem;
    font-weight: 600;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--bella-navy);
    border-left: 2px solid var(--bella-red);
    padding-left: 10px;
    line-height: 1.35;
}

/* Mono label utility — the "GOLF CLUB" detail style from the logo */
.mono-label {
    font-family: var(--font-mono);
    font-weight: 600;
    font-size: 0.72rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}