/* Corso — design tokens. Architecture studio: plaster, concrete, ink, blueprint cobalt. */
:root {
	/* surfaces */
	--c-bg:      #e7e2d7;   /* warm plaster */
	--c-bg-2:    #ded7c9;   /* deeper plaster */
	--c-paper:   #f4f0e8;   /* light panel */
	--c-ink:     #17171a;   /* near-black */
	--c-ink-90:  #1e1e20;
	--c-ink-2:   #55534c;   /* muted text */
	--c-muted:   #8a857a;   /* captions */
	--c-line:    #c8c1b2;   /* hairline on light */
	--c-line-d:  #33332f;   /* hairline on dark */

	/* accent — blueprint cobalt */
	--c-blue:      #1f34e0;
	--c-blue-deep: #1526b0;
	--c-blue-soft: #dfe2fb;

	/* text on dark panels */
	--c-on-dark:   #efe9dd;
	--c-on-dark-2: #b3ada0;

	/* type */
	--f-display: 'Space Grotesk', system-ui, sans-serif;
	--f-mono:    'Space Mono', ui-monospace, monospace;

	/* type scale — base 17px * ~1.28 */
	--fs-50:  0.72rem;
	--fs-100: 0.82rem;
	--fs-200: 0.95rem;
	--fs-300: 1.0625rem;  /* 17px body */
	--fs-400: 1.32rem;
	--fs-500: 1.72rem;
	--fs-600: 2.4rem;
	--fs-700: clamp(2.6rem, 5vw, 4.2rem);
	--fs-800: clamp(3.4rem, 9vw, 8.5rem);
	--fs-900: clamp(4.5rem, 15vw, 15rem);

	/* rhythm */
	--space: 8px;
	--pad-x: clamp(24px, 5vw, 90px);
	--ease: cubic-bezier(0.22, 1, 0.36, 1);
	--ease-io: cubic-bezier(0.65, 0, 0.35, 1);

	--maxw: 1400px;
}