/* Solace — design tokens. Warm sand & off-white with sage, clay and honey. */
:root {
	/* ---- surfaces ---- */
	--sol-bg:     #f6f2ea;   /* warm sand              */
	--sol-cream:  #fbf9f3;   /* lightest               */
	--sol-bg-2:   #efe8db;   /* raised warm            */
	--sol-bg-3:   #e8dfce;   /* card                   */
	--sol-bg-4:   #dfd4bf;   /* hover                  */
	--sol-line:   rgba( 44, 48, 38, 0.12 );
	--sol-line-2: rgba( 44, 48, 38, 0.22 );

	/* ---- ink ---- */
	--sol-ink:    #2b2f25;   /* deep forest-charcoal   */
	--sol-muted:  #5f6356;   /* secondary              */
	--sol-faint:  #8b8d7f;   /* tertiary               */

	/* ---- natural accents ---- */
	--sol-sage:      #8a9a7b;
	--sol-sage-deep: #57684b;
	--sol-clay:      #b06e42;
	--sol-clay-deep: #955a34;
	--sol-honey:     #d6a441;
	--sol-blush:     #d6a79f;
	--sol-accent:    var( --sol-clay-deep );
	--sol-accent-2:  var( --sol-sage-deep );

	/* aura gradient (signature) */
	--sol-aura: radial-gradient( 40% 55% at 30% 35%, rgba( 138, 154, 123, 0.55 ), transparent 70% ),
	            radial-gradient( 45% 50% at 72% 40%, rgba( 214, 164, 65, 0.42 ), transparent 70% ),
	            radial-gradient( 50% 55% at 55% 78%, rgba( 214, 167, 159, 0.45 ), transparent 72% );

	/* ---- type ---- */
	--sol-f-display: 'Instrument Serif', Georgia, 'Times New Roman', serif;
	--sol-f-body:    'Figtree', system-ui, -apple-system, sans-serif;

	--fs-50:  0.8rem;
	--fs-100: 0.9rem;
	--fs-200: 1.05rem;
	--fs-300: 1.25rem;
	--fs-400: 1.6rem;
	--fs-500: 2.1rem;
	--fs-600: clamp( 2rem, 4.6vw, 3rem );
	--fs-700: clamp( 2.6rem, 6vw, 4.4rem );
	--fs-800: clamp( 3.4rem, 9vw, 7.5rem );

	/* ---- spacing (8px base, generous) ---- */
	--sp-1: 0.5rem;
	--sp-2: 1rem;
	--sp-3: 1.5rem;
	--sp-4: 2.25rem;
	--sp-5: 3.5rem;
	--sp-6: 5.5rem;
	--sp-7: 8rem;
	--sp-8: 11rem;

	--sol-wrap: 1180px;
	--sol-wrap-wide: 1440px;
	--sol-measure: 66ch;

	/* ---- radii (soft, organic) ---- */
	--r-sm:  10px;
	--r:     18px;
	--r-lg:  28px;
	--r-xl:  40px;
	--r-pill: 999px;

	/* ---- motion (calm) ---- */
	--ease:    cubic-bezier( 0.33, 1, 0.68, 1 );
	--ease-io: cubic-bezier( 0.65, 0, 0.35, 1 );
	--breath:  7s; /* one full inhale→exhale */

	--sol-shadow: 0 30px 60px -34px rgba( 60, 50, 30, 0.45 );
	--sol-shadow-sm: 0 14px 30px -18px rgba( 60, 50, 30, 0.4 );
}