/*
 * Team Gekkies fine-tuning for the Atlas shell.
 *
 * Palette + fonts come from atlas.yaml `theme:` (Tailwind colors and the
 * --atlas-color-* / --atlas-font-* variables). This file only adds the warm,
 * cute, cozy character the tokens can't: the cream paper base, softly rounded
 * panels, a blush accent line and friendly wordmark.
 *
 * Canonical brand source: /stijlgids/ (see content/stijlgids/merk.yaml).
 */

/* Warm cream base instead of the default gray-50. */
body {
    background-color: var(--atlas-color-paper, #FFF6F0) !important;
}

/* Chrome panels get a soft warm white so cards sit gently on the cream page. */
nav.bg-white,
body .bg-white {
    background-color: #FFFDFB !important;
}

/* Softly rounded, cozy card edges — cute, never boxy. */
body .rounded-lg,
body .rounded-md,
body .shadow,
body .shadow-sm {
    border-radius: var(--atlas-radius, 0.9rem) !important;
}

/* Friendly top bar: no hard corporate line, just a warm hairline. */
nav {
    border-bottom: 1px solid #F1DED6 !important;
}

/* Brand wordmark: warm, rounded, heart-pink — the loving family voice. */
nav a[href="/"] span.text-xl {
    letter-spacing: 0.005em;
    font-weight: 800;
    color: var(--atlas-color-brand-600, #ed4f72);
}

/* A soft blush → gold gradient accent under the top bar (sun + party glow). */
nav::after {
    content: "";
    display: block;
    height: 3px;
    background: linear-gradient(
        90deg,
        var(--atlas-color-brand-500, #FF6B8A) 0%,
        var(--atlas-color-accent, #F2C97D) 55%,
        transparent 100%
    );
}

/* Prose headings: warm ink, friendly weight. */
.prose h1,
.prose h2,
.prose h3 {
    color: var(--atlas-color-ink, #3D2C2E);
    letter-spacing: 0.005em;
}

/* Links pick up the family pink. */
.prose a {
    color: var(--atlas-color-brand-600, #ed4f72);
}

/* Blush selection with warm ink text — a little love on every highlight. */
::selection {
    background: var(--atlas-color-brand-200, #ffbccb);
    color: var(--atlas-color-ink, #3D2C2E);
}