/* ============================================================
   SOFT THEME — design tokens (everything except colour)
   Colours live in backdrops.css, one block per backdrop.
   Shape language follows css_styles/farbpalette.html: calm,
   rounded, matte. Radii are generous, shadows wide and faint.
   The palette itself is light (see backdrops.css).
   ============================================================ */

:root {
    /* Type */
    --font-text: 'Fraunces', 'Iowan Old Style', 'Palatino Linotype', Georgia, serif;
    --font-ui: 'DM Mono', ui-monospace, 'SFMono-Regular', Menlo, Consolas, monospace;
    --soft-axis: 'SOFT' 100, 'WONK' 0;     /* rounded terminals for headings */
    --soft-axis-text: 'SOFT' 60, 'WONK' 0; /* a little firmer for running text */

    /* Shape */
    --r-xs: 8px;
    --r-sm: 12px;
    --r-md: 18px;
    --r-lg: 26px;
    --r-xl: 34px;
    --r-pill: 999px;

    /* Elevation: wide, low-contrast shadows tinted by the backdrop (--shadow-rgb) */
    --shadow-1: 0 1px 2px rgb(var(--shadow-rgb) / 0.10), 0 6px 16px -8px rgb(var(--shadow-rgb) / 0.24);
    --shadow-2: 0 2px 4px rgb(var(--shadow-rgb) / 0.08), 0 18px 40px -16px rgb(var(--shadow-rgb) / 0.32);
    --shadow-3: 0 4px 10px rgb(var(--shadow-rgb) / 0.10), 0 30px 70px -20px rgb(var(--shadow-rgb) / 0.40);

    /* Motion */
    --ease: cubic-bezier(0.22, 0.8, 0.3, 1);
    --t-fast: 160ms;
    --t-base: 260ms;

    /* Layout */
    --page-max: 1120px;
    --gutter: clamp(16px, 4vw, 28px);
    --reading-max: 41rem;
}