/*
 * Design tokens.
 *
 * A formal, editorial system: ink on warm paper, one serif for display,
 * one quiet grotesk for text, one mono for measured values and code.
 * Colour is used sparingly and always to mean something:
 *   --accent  = the human in the loop, links, emphasis
 *   --measure = a number that came from running the code
 *
 * Convention: --foo is a hex; --foo-rgb is "R, G, B" for opacity composition.
 * Edit only this file to retune the look.
 */
:root {
    /* --- Page --- */
    --paper:          #faf8f4;   /* warm off-white, the base sheet */
    --paper-sunk:     #f2eee6;   /* recessed bands, table zebra */
    --paper-raised:   #ffffff;   /* cards lifted off the sheet */
    --paper-ink:      #1c1a16;   /* inverted sections (footer, final CTA) */
    --paper-rgb:      250, 248, 244;

    /* --- Foreground prominence ladder --- */
    --ink:            #17150f;
    --ink-rgb:        23, 21, 15;
    --ink-soft:       #3b382f;
    --ink-muted:      #6a6558;
    --ink-faint:      #97917f;

    /* --- Accent: the human in the loop --- */
    --accent:         #9c4221;   /* deep sienna */
    --accent-rgb:     156, 66, 33;
    --accent-deep:    #7a3319;
    --accent-wash:    #f6ece5;

    /* --- Measured: numbers produced by running the code --- */
    --measure:        #2f5d4f;   /* deep green */
    --measure-rgb:    47, 93, 79;
    --measure-wash:   #e8f0ec;

    /* --- Structural --- */
    --rule:           rgba(23, 21, 15, 0.13);
    --rule-strong:    rgba(23, 21, 15, 0.26);
    --rule-faint:     rgba(23, 21, 15, 0.07);

    /* --- Type --- */
    --font-display:   'Newsreader', 'Iowan Old Style', 'Times New Roman', serif;
    --font-body:      'Hanken Grotesk', system-ui, -apple-system, 'Segoe UI', sans-serif;
    --font-mono:      'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;

    /* --- Motion: restrained, out-expo, never bouncy --- */
    --ease-out:       cubic-bezier(0.16, 1, 0.3, 1);
    --ease-in-out:    cubic-bezier(0.45, 0, 0.15, 1);
    --dur-fast:       220ms;
    --dur-mid:        520ms;
    --dur-slow:       900ms;

    /* --- Layout --- */
    --container:      1120px;
    --container-narrow: 760px;
    --gutter:         clamp(1.25rem, 5vw, 3rem);
    --radius:         3px;
    --radius-lg:      5px;

    /* --- Elevation (barely there; this is paper, not glass) --- */
    --lift:           0 1px 2px rgba(23, 21, 15, 0.04),
                      0 8px 24px -12px rgba(23, 21, 15, 0.10);
    --lift-hover:     0 1px 2px rgba(23, 21, 15, 0.05),
                      0 16px 40px -16px rgba(23, 21, 15, 0.16);
}