/**
 * global.css — design-tokens voor het hele thema.
 *
 * DIT IS DE ENIGE PLEK WAAR TOKENS HOREN. Definieer ze nergens anders.
 *
 * Achtergrond: tot 2026-08-21 stonden dezelfde tokens op drie plekken —
 * `:root` in header.css, `:root` in helpcenter.css (met een eigen `hc-`-prefix)
 * en `.taw-pdp` in pdp.css. `--taw-brand` stond dus 3x. Een merkkleur wijzigen
 * betekende op drie plaatsen zoeken.
 *
 * Dit bestand bevat ALLEEN variabelen, geen opmaakregels. Het kan daardoor
 * overal laden zonder iets te veranderen: een token dat niemand gebruikt doet
 * niets. De dubbele definities in header/helpcenter/pdp blijven voorlopig
 * staan (identieke waarden, dus geen zichtbaar verschil) en worden opgeruimd
 * bij de cutover van elk gebied.
 *
 * @package voltvast
 */

:root {
	/* Merk */
	--taw-brand:        #FF6610;
	--taw-brand-dark:   #e55a0e;
	--taw-brand-light:  #fff7ed;
	--taw-star:         #F6BB06;

	/* Tekst en lijnen */
	--taw-ink:          #1f2937;
	--taw-ink-strong:   #111827;
	--taw-muted:        #6b7280;
	--taw-line:         #e5e7eb;
	--taw-line-soft:    #f3f4f6;
	--taw-surface:      #f9fafb;

	/* Status: op voorraad */
	--taw-green:        #15803d;
	--taw-green-bg:     #f0fdf4;
	--taw-green-line:   #bbf7d0;

	/* Status: nabestelling */
	--taw-amber:        #b45309;
	--taw-amber-bg:     #fffbeb;

	/* Status: uitverkocht */
	--taw-red:          #b91c1c;
	--taw-red-bg:       #fef2f2;

	/* Vorm */
	--taw-radius:       1rem;
	--taw-radius-sm:    .625rem;
	--taw-radius-pill:  999px;
}