/* Design tokens — bron: ClaudeDesignReference/design/styles.css */

/* Drie fonts in totaal:
   - Libre Baskerville (alle titels, upright)
   - Montserrat (body, meta, labels)
   - Allison (hand-script accenten: brand-sub, deck, pull-quote, summary-card, scribble-notes) */
@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=Montserrat:ital,wght@0,300..700;1,300..700&family=Allison&display=swap');

:root {
    /* surface — cool grey */
    --bg:        #E5E5E5;
    --bg-2:      #DCDCDC;
    --bg-3:      #EDEDED;
    --paper:     #F5F5F5;

    /* ink — zwart op grijs */
    --ink:       #1A1A1A;
    --ink-soft:  #3A3A3A;
    --ink-mute:  #6B6B6B;
    --rule:      #C8C8C8;

    /* paint — gefocust palet
       --plum is nu WINE (#5C2530) — enige kleur voor titels + subtitels.
       --terracotta, --yellow, --lavender en de nieuwe --mauve zijn accenten.
       Pink/ochre staan dichter bij wine/terracotta zodat oude rubriek-dots
       niet uit toon vallen. */
    --pink:           #C77A78;
    --pink-deep:      #A6422E;
    --ochre:          #B25D45;
    --ochre-soft:     #C77A65;
    --yellow:         #EAD36A;
    --plum:           #5C2530;     /* WINE — titels + subtitels */
    --plum-soft:      #7A4858;
    --mauve:          #7A5673;     /* nieuw — thumbs, gradient, decoratie */
    --lavender:       #C4A8D0;
    --lavender-deep:  #8A6A9C;
    --terracotta:     #B25D45;
    --terracotta-soft:#C77A65;
    --wine:           #5C2530;     /* alias van plum voor semantische helderheid */

    /* type — drie families. --display-headline is alias zodat oudere CSS-regels
       die er nog naar verwijzen automatisch naar Libre Baskerville vallen. */
    --serif:           'Montserrat', 'Helvetica Neue', Arial, sans-serif;
    --serif-body:      'Montserrat', 'Helvetica Neue', Arial, sans-serif;
    --display:         'Libre Baskerville', 'DM Serif Display', Georgia, serif;
    --display-headline:'Libre Baskerville', 'DM Serif Display', Georgia, serif;
    --hand:            'Allison', 'Caveat', cursive;
    --hand-accent:     'Allison', 'Caveat', cursive;

    /* magazine type-scale (Book of the Month-stijl) */
    --font-size-hero:       96px;
    --font-size-headline:   52px;
    --font-size-xLarge:     36px;
    --font-size-large:      28px;
    --font-size-mlarge:     24px;
    --font-size-default:    18px;
    --font-size-smallText:  16px;
    --font-size-miniText:   14px;
    --font-size-xSmallText: 12px;

    /* layout */
    --container-w:      1280px;
    --container-pad:    56px;
    --container-w-text: 715px;
    --container-w-art:  1120px;
}