/* Design tokens — één bron voor kleur, typografie en maatvoering.
   Waarden komen letterlijk uit de design-handoff; wijzig ze hier, nergens anders. */

:root {
    /* Kleur */
    --ink:                 #141b24;  /* primaire tekst, sectie-rules, donkere buttons */
    --ink-deep:            #0f1720;  /* header, hero-band, footer, spotlight-kaart */
    --ink-admin:           #0d141c;  /* admin sidebar */

    --accent:              #186c46;  /* links, tags, tijdlijn-punten, pijlen */
    --accent-hover:        #125637;
    --accent-bright:       #3fe295;  /* accent op donkere vlakken */
    --accent-bright-hover: #2fc57e;

    --page:                #f6f6f4;
    --surface:             #ffffff;

    --border:              #e2e1db;  /* kaart- en rijranden */
    --border-strong:       #dedcd6;  /* headerscheiding, chip-rand inactief */
    --border-input:        #dad9d3;

    --text-body:           #20272f;
    --text-lead:           #3d4551;
    --text-muted:          #5b636e;
    --text-faint:          #8a8f97;

    /* Tekst op donkere vlakken, aflopend in nadruk */
    --on-dark-1:           #b5c0cd;
    --on-dark-2:           #98a5b6;
    --on-dark-3:           #8593a5;
    --on-dark-nav:         #cfd6e0;
    --on-dark-menu:        #d3d9e2;

    --dark-rule:           #22303f;  /* scheidingslijn op donker */
    --dark-rule-soft:      #1b2634;
    --dark-hover:          #16202c;

    --chip-neutral:        #e9e7e0;
    --row-hover:           #efefeb;

    /* Typografie — geen Roboto/Inter */
    --serif:  "Source Serif 4", Georgia, "Times New Roman", serif;
    --sans:   Archivo, "Helvetica Neue", Helvetica, Arial, sans-serif;
    --narrow: "Archivo Narrow", "Archivo", "Helvetica Neue", Arial, sans-serif;
    --mono:   ui-monospace, Menlo, Consolas, monospace;

    /* Maatvoering */
    --content: 1180px;
    --gutter:  24px;

    /* Vorm: 2px op chips en buttons, 0 op kaarten en tabellen.
       Geen zachte ronde look, geen schaduwen — kaarten hebben randen. */
    --radius: 2px;

    /* Beeldplaceholders, tot de redactie echte fotografie levert */
    --placeholder-light: repeating-linear-gradient(135deg, #eae9e4 0 8px, #e2e0da 8px 16px);
    --placeholder-dark:  repeating-linear-gradient(135deg, #1d2937 0 10px, #182230 10px 20px);
    --placeholder-ad:    repeating-linear-gradient(135deg, #edece7 0 9px, #e6e5df 9px 18px);

    /* Sportkleur-fallback: wordt per sport overschreven door de gegenereerde
       .sport-<slug> regels (zie App\Models\Sport::css). */
    --sport-fg: var(--accent);
    --sport-bg: var(--chip-neutral);

    --transition: 130ms ease;
}

@media (prefers-reduced-motion: reduce) {
    :root {
        --transition: 0ms;
    }
}