/* Palett
   Bakgrund : #F5F5F0
   Primär   : #E07A5F
   Accent   : #3D405B
   Text     : #1A1A1A */
:root {
    --bg:      #F5F5F0;
    --primary: #198754;
    --accent:  #3D405B;
    --text:    #1A1A1A;
    --muted:   #888c99;
    --card-bg: #FFFFFF;
    --border:  #e2e2de;
    --primary-faded: rgba(224, 122, 95, 0.15);
    --text-faded: rgba(26, 26, 26, 0.10);
}
 
/* Body */
body {
    background-color: var(--bg) !important;
    color: var(--text);
    font-family: 'Lato', sans-serif;
    font-weight: 400;
}
 
/* Typografi */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Playfair Display', serif;
    color: var(--text);
}
 
h1 { font-size: 2.4rem; font-weight: 700; letter-spacing: -0.5px; }
h3 { font-size: 1.6rem; }
h4 { font-size: 1.25rem; color: var(--accent); }
 
.text-muted {
    color: var(--muted) !important;
    font-weight: 300;
    font-style: italic;
}
 
/* Cards */
.card {
    background-color: var(--card-bg);
    border: 1px solid var(--border) !important;
    border-radius: 12px !important;
    box-shadow: none !important;
    transition: box-shadow 0.2s, transform 0.2s;
}
 
.card:hover {
    box-shadow: 0 6px 20px var(--primary-faded) !important;
    transform: translateY(-2px);
}
 
.card-title {
    font-family: 'Playfair Display', serif;
    font-size: 1rem;
    color: var(--accent);
}
 
.card-text {
    color: var(--muted);
    font-size: 0.88rem;
}
 
/* Delare */
.section-divider {
    border: none;
    border-top: 1.5px solid var(--border);
    margin: 2rem 0;
}

/* Erbjudande-badge */
.offer-badge {
    display: inline-block;
    background-color: var(--primary);
    color: #fff;
    font-size: 0.75rem;
    font-weight: 700;
    border-radius: 50px;
    padding: 2px 10px;
    margin-bottom: 6px;
    letter-spacing: 0.3px;
}