/*
 Theme Name:   Astra Child - Summagia
 Theme URI:    https://summagia.com/
 Description:  Summagia editorial design system, built on Astra.
 Author:       Summagia
 Template:     astra
 Version:      2.0.0
 Text Domain:  astra-child
*/

/* ==========================================================================
   SUMMAGIA DESIGN TOKENS
   Centralized so the whole site can be tuned from one place.
   Values below are pulled from the live Astra/Spectra global-color palette
   (--ast-global-color-0 through -8) so nothing visually shifts on rollout;
   custom components should read these Summagia variables, not the raw
   Astra/Spectra ones, going forward.
   ========================================================================== */

:root {
	/* --- Color: surfaces --- */
	--summagia-bg:            var(--ast-global-color-4, #202317); /* deep forest / near-black green */
	--summagia-bg-deeper:     #161a11;                            /* darker variant for full-bleed panels */
	--summagia-surface:       var(--ast-global-color-5, #e5dccb); /* warm parchment / stone */
	--summagia-surface-deep:  var(--ast-global-color-8, #d8c39c); /* darker olive/stone surface */
	--summagia-surface-muted: var(--ast-global-color-7, #eee7da); /* muted parchment panel */
	--summagia-olive:         var(--ast-global-color-8, #d8c39c); /* existing olive card tone */

	/* --- Color: text --- */
	--summagia-text:          var(--ast-global-color-3, #11130e); /* dark warm brown/near-black on light surfaces */
	--summagia-text-light:    var(--ast-global-color-7, #eee7da); /* warm ivory on dark surfaces */
	--summagia-text-muted:    color-mix(in srgb, var(--summagia-text) 65%, transparent);
	--summagia-text-light-muted: color-mix(in srgb, var(--summagia-text-light) 72%, transparent);

	/* --- Color: gold accent --- */
	--summagia-gold:          var(--ast-global-color-0, #c9992e); /* primary antique gold */
	--summagia-gold-soft:     var(--ast-global-color-1, #dfbc68); /* lighter secondary gold */
	--summagia-gold-deep:     #a8791f;                            /* pressed/hover state */

	/* --- Borders & shadows --- */
	--summagia-border:        color-mix(in srgb, var(--summagia-gold) 32%, transparent);
	--summagia-border-light:  color-mix(in srgb, var(--summagia-surface-deep) 60%, transparent);
	--summagia-shadow-soft:   0 10px 28px -8px rgba(15, 12, 4, 0.28);
	--summagia-shadow-deep:   0 32px 70px -18px rgba(8, 6, 2, 0.55);
	--summagia-shadow-inset:  inset 0 1px 0 rgba(255, 255, 255, 0.06);

	/* --- Shape & motion --- */
	--summagia-radius:        3px;   /* restrained radius; avoid excessive pill shapes */
	--summagia-radius-lg:     6px;
	--summagia-ease:          cubic-bezier(.16, 1, .3, 1);
	--summagia-duration:      420ms;

	/* --- Typography --- */
	--summagia-font-display:  'Cormorant Garamond', Georgia, 'Times New Roman', serif;

	/* --- Layout --- */
	--summagia-content-width: 1240px;
	--summagia-gutter:        clamp(1.25rem, 4vw, 3.5rem);
	--summagia-section-pad:   clamp(3.5rem, 8vw, 8rem);
}