/* ==========================================================================
   Nederlandse Caravan Club (NCC) - thema
   Gebaseerd op de huisstijl van https://www.ncc.nl
     - Diep marineblauw voor headings en primaire UI
     - Cyaan-turquoise als accent (signaalkleur, onderstrepingen)
     - NCC-rood als detail (logo, attention)
   ========================================================================== */

[data-theme="ncc"] {
    /* Achtergrond en oppervlak */
    --color-bg:           #ffffff;
    --color-surface:      #ffffff;
    --color-surface-alt:  #f5f7fa;

    /* Tekst */
    --color-text:         #1f2a44;          /* donker leesbaar grijsblauw */
    --color-heading:      #102a55;          /* NCC navy */
    --color-muted:        #6b748a;

    /* Randen en hover */
    --color-border:       #dce3ed;
    --color-row-hover:    #eef5fa;

    /* Primaire actie (knoppen, links) - NCC blauw */
    --color-accent:       #1a4d9c;
    --color-accent-strong:#143f80;
    --color-accent-soft:  #e6efff;
    --color-on-accent:    #ffffff;

    /* Highlight / signaal - NCC cyaan-turquoise (onderlijn, badges) */
    --color-highlight:        #29b9c5;
    --color-highlight-strong: #1f9fab;
    --color-highlight-soft:   #d5f1f4;

    /* Attentie / verwijderknop - NCC rood */
    --color-danger:       #c8232c;
    --color-danger-soft:  #fbe6e6;

    /* Typografie */
    --font-body: "Open Sans", "Inter", system-ui, -apple-system,
                 "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* ---- NCC-specifieke accenten ------------------------------------------- */

/* De brand-mark gebruikt in alle thema's dezelfde teal-pin PNG
   (zie base.css). De voormalige NCC-driehoek-clip-path is bewust
   verwijderd zodat we één visuele identiteit hebben — overal hetzelfde
   icoon: header, PWA install-prompt, iOS home-screen, Android splash. */
[data-theme="ncc"] .brand-text {
    letter-spacing: .01em;
    color: var(--color-heading);
    font-weight: 800;
    text-transform: uppercase;
    font-size: .95rem;
}

/* Headings krijgen de typische NCC cyaan onderstreping */
[data-theme="ncc"] .site-main > h1 {
    display: inline-block;
    padding-bottom: .35rem;
    border-bottom: 3px solid var(--color-highlight);
    margin-bottom: 1rem;
}

/* Primaire knop ziet er uit als de "ACTIVITEITEN" knop op ncc.nl */
[data-theme="ncc"] .btn-primary {
    background: var(--color-accent);
    color: var(--color-on-accent);
    border-color: var(--color-accent);
    text-transform: uppercase;
    letter-spacing: .03em;
    font-weight: 700;
}
[data-theme="ncc"] .btn-primary:hover {
    background: var(--color-accent-strong);
    border-color: var(--color-accent-strong);
}

/* Secundaire knop in cyaan, zoals de KAMPEERWEEKENDEN-knop op ncc.nl */
[data-theme="ncc"] .btn-highlight {
    background: var(--color-surface);
    color: var(--color-highlight-strong);
    border-color: var(--color-highlight);
    text-transform: uppercase;
    letter-spacing: .03em;
    font-weight: 700;
}
[data-theme="ncc"] .btn-highlight:hover {
    background: var(--color-highlight-soft);
}

/* Header onderaan een cyaan accentlijn zoals het NCC menu */
[data-theme="ncc"] .site-header {
    border-bottom: 1px solid var(--color-border);
    box-shadow: inset 0 -3px 0 0 var(--color-highlight);
}

/* Nav-hover en active in NCC-soft */
[data-theme="ncc"] .nav-link:hover,
[data-theme="ncc"] .nav-link.active {
    background: var(--color-accent-soft);
    color: var(--color-accent);
}

/* Overzichtstabel: kolomkoppen in NCC navy met cyaan onderlijn */
[data-theme="ncc"] .grid-table thead th {
    background: var(--color-heading);
    color: #ffffff;
    border-bottom: 2px solid var(--color-highlight);
    text-transform: uppercase;
    letter-spacing: .04em;
    font-size: .85rem;
}
[data-theme="ncc"] .grid-table a.sort-link { color: #ffffff; }
[data-theme="ncc"] .sort-marker { color: var(--color-highlight); opacity: 1; }

/* Event-kaarten: cyaan linkerrand als NCC-accent */
[data-theme="ncc"] .event-card {
    border-left: 4px solid var(--color-highlight);
}

/* Flash-meldingen met NCC-vibe */
[data-theme="ncc"] .flash-info {
    background: var(--color-highlight-soft);
    border-color: var(--color-highlight);
    color: #0e5560;
}
[data-theme="ncc"] .flash-success {
    background: #e8f5ec;
    border-color: #9fcfaf;
    color: #0e5a2a;
}
[data-theme="ncc"] .flash-danger {
    background: var(--color-danger-soft);
    border-color: var(--color-danger);
    color: #7a1219;
}

/* Footer */
[data-theme="ncc"] .site-footer {
    color: var(--color-heading);
    background: var(--color-surface-alt);
}