/* ==========================================================================
   Imperium Dei — Design tokens
   Black · restrained gold · warm white
   ========================================================================== */

:root {
	/* ---- Core palette ---- */
	--id-ink:            #0b0b0c; /* near-black, primary surface */
	--id-ink-soft:       #16161a; /* raised dark surface */
	--id-ink-line:       #26262c; /* hairline on dark */

	--id-gold:           #b08d3f; /* restrained gold — accents, rules */
	--id-gold-bright:    #c9a556; /* hover / on-dark text accent */
	--id-gold-deep:      #8a6d2c; /* on light backgrounds, AA text */
	--id-gold-wash:      #f2ead8; /* very light gold tint */

	--id-paper:          #faf7f2; /* warm white — page background */
	--id-paper-alt:      #f3efe7; /* alternating section band */
	--id-paper-line:     #e2dbcf; /* hairline on light */

	--id-text:           #1a1a1d; /* body text on light */
	--id-text-muted:     #55555c; /* secondary text on light (AA on paper) */
	--id-text-invert:    #f4f1eb; /* body text on dark */
	--id-text-invert-mut:#b9b4ab; /* secondary text on dark (AA on ink) */

	--id-focus:          #c9a556; /* focus ring */

	/* ---- Typography ---- */
	--id-font-display: "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, "Times New Roman", serif;
	--id-font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;

	/* Fluid type scale — mobile-first, clamps to desktop */
	--id-fs-xs:   0.8125rem;                                  /* 13px  */
	--id-fs-sm:   0.9375rem;                                  /* 15px  */
	--id-fs-base: clamp(1rem, 0.97rem + 0.15vw, 1.0625rem);   /* 16–17 */
	--id-fs-lead: clamp(1.0625rem, 1rem + 0.35vw, 1.25rem);   /* 17–20 */
	--id-fs-h4:   clamp(1.125rem, 1.05rem + 0.4vw, 1.375rem);
	--id-fs-h3:   clamp(1.3125rem, 1.15rem + 0.8vw, 1.75rem);
	--id-fs-h2:   clamp(1.625rem, 1.3rem + 1.5vw, 2.5rem);
	--id-fs-h1:   clamp(2rem, 1.5rem + 2.6vw, 3.5rem);

	--id-lh-tight: 1.15;
	--id-lh-head:  1.22;
	--id-lh-body:  1.7;

	--id-ls-eyebrow: 0.16em;
	--id-ls-display: -0.015em;

	/* ---- Spacing scale ---- */
	--id-s1: 0.25rem;
	--id-s2: 0.5rem;
	--id-s3: 0.75rem;
	--id-s4: 1rem;
	--id-s5: 1.5rem;
	--id-s6: 2rem;
	--id-s7: 3rem;
	--id-s8: 4rem;
	--id-s9: 6rem;

	/* Vertical rhythm for full-width sections */
	--id-section-y: clamp(3.25rem, 2rem + 6vw, 6.5rem);
	--id-gutter:    clamp(1.25rem, 0.5rem + 3vw, 2.5rem);
	--id-measure:   68ch;   /* readable prose width */
	--id-wide:      1180px; /* content container */

	/* ---- Surface ---- */
	--id-radius:    2px;    /* near-square; restrained, not playful */
	--id-radius-lg: 3px;
	--id-shadow:    0 1px 2px rgba(11, 11, 12, 0.04), 0 8px 24px rgba(11, 11, 12, 0.06);
	--id-shadow-lift: 0 2px 4px rgba(11, 11, 12, 0.06), 0 14px 38px rgba(11, 11, 12, 0.10);

	/* ---- Motion (subtle only) ---- */
	--id-ease: cubic-bezier(0.22, 0.61, 0.36, 1);
	--id-dur:  180ms;
}