/**
 * @file
 * Design Tokens & Golden Ratio (ϕ)
 */
:root {
    /* --- Mathematische Basis --- */
    --phi: 1.61803398875;
    --phi-inv: 0.61803398875;
    --phi-inv-sq: 0.38196601125;

    /* --- Saran Kleurenpalet (Base Tokens) --- */
    --color-pgf-brown:    #442100; /* Hoofdtekst / Donker contrast */
    --color-pgf-orange:   #d4761b; /* Acties / CTA / Accent */
    --color-pgf-kaki:     #c7b112; /* Kaki Groen / Secundair */
    --color-pgf-green:    #7b8927; /* Basisgroen / Primair / Brand */
    --color-white:        #ffffff;
    --color-bg-soft:      #f9f8f6;

    /* --- Brand Design Tokens (Silo Basismateriaal) --- */
    --color-brand-primary:   #7b8927; /* Mosgroen */
    --color-brand-secondary: #c7b112; /* Kaki/Goud */
    --color-brand-accent:    #d4761b; /* Amber/Oranje */
    --theme-dominant-color:  var(--color-brand-primary); /* Standaard: Mosgroen (Paraplu / Actieve Meditaties) */

    /* Architectural Aliases */
    --color-primary:    var(--color-pgf-green);
    --color-secondary:  var(--color-pgf-kaki);
    --color-accent:     var(--color-pgf-orange);
    --color-text-main:  var(--color-pgf-brown);
    --color-gold:       var(--color-pgf-kaki);
    --color-bg:         var(--color-bg-soft);

    /* --- Typografie --- */
    --font-heading:     'Tenor Sans', sans-serif;
    --font-body:        'Open Sans', sans-serif;
    --font-quote:       'Libre Baskerville', serif;
    --font-testimonial: 'Lato', system-ui, sans-serif;

    /* --- Spacing & Ritmiek (Phi-gebaseerd) --- */
    --space-unit:   1rem;
    --spacing-xs:   calc(var(--space-unit) * var(--phi-inv-sq)); /* ~0.38rem */
    --spacing-s:    calc(var(--space-unit) * var(--phi-inv));    /* ~0.62rem */
    --spacing-m:    var(--space-unit);                            /* 1.00rem */
    --spacing-l:    calc(var(--spacing-m) * var(--phi));          /* ~1.62rem */
    --spacing-xl:   calc(var(--spacing-l) * var(--phi));          /* ~2.62rem */
    --spacing-xxl:  calc(var(--spacing-xl) * var(--phi));         /* ~4.24rem */

    /* --- Grid Constraints --- */
    --container-full:   100%;
    --container-medium: 1200px;
    --container-small:  calc(1200px * var(--phi-inv)); /* ~742px */

    /* --- UI Elements --- */
    --border-radius:     4px;
    --transition-smooth: all 0.3s ease-in-out;
    --transition-speed:  0.3s;
}

/* ==========================================================================
   Silo Kleurstrategie (Dynamic Theme Overrides per Paginapad)
   ========================================================================== */

/* Silo 2: Kambo */
body.path-kambo {
    --theme-dominant-color: var(--color-brand-accent); /* Warm Oranje / Amber */
}

/* Silo 3: Microdosing */
body.path-microdosing {
    --theme-dominant-color: var(--color-brand-secondary); /* Kaki / Goud */
}

/* Toekomst: 1-op-1 Therapie */
body.path-therapie {
    --theme-dominant-color: #442100; /* Diepbruin */
}