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

@import url('https://fonts.cdnfonts.com/css/moontime');
@import url('https://fonts.googleapis.com/css2?family=Moon+Dance&family=Shadows+Into+Light+Two&family=Caveat:wght@400..700&display=swap');
@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&display=swap');

:root {
    /* surface */
    --bg:        #f5ecdb;
    --bg-2:      #ede2cc;
    --bg-3:      #f9f3e6;
    --paper:     #fbf6ea;

    /* ink */
    --ink:       #2a1d15;
    --ink-soft:  #5a4538;
    --ink-mute:  #8a7363;
    --rule:      #d8c8a8;

    /* paint */
    --pink:           #e9bdaf;
    --pink-deep:      #c98775;
    --ochre:          #c0852e;
    --ochre-soft:     #d9a85a;
    --yellow:         #ead36a;
    --plum:           #6d2a48;
    --plum-soft:      #9a5774;
    --lavender:       #c4a8d0;
    --lavender-deep:  #8a6a9c;
    --terracotta:     #ab4f33;
    --terracotta-soft:#c97a5d;

    /* type */
    --serif:      'Montserrat', 'Helvetica Neue', Arial, sans-serif;
    --serif-body: 'Montserrat', 'Helvetica Neue', Arial, sans-serif;
    --display:    'Libre Baskerville', 'DM Serif Display', Georgia, serif;
    --hand:       'Moontime', 'Moon Dance', 'Shadows Into Light Two', 'Caveat', cursive;

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