/* =========================================================================
 * Level Up Consulting — Brand Design Tokens
 * Single source of truth for colors, typography, spacing, radii, shadow.
 * Use as: color: var(--luc-navy);  padding: var(--luc-space-5);
 * ========================================================================= */

:root {
	/* ---- Brand palette -------------------------------------------------- */
	--luc-navy:        #1a1a2e;   /* primary brand dark */
	--luc-navy-2:      #2c2c3e;   /* surface dark / cards on dark */
	--luc-navy-ink:    #0f0f1f;   /* deepest text on cream */
	--luc-gold:        #dbba72;   /* champagne / accent */
	--luc-gold-deep:   #c69f54;   /* hover state */
	--luc-gold-soft:   #e9d2a0;   /* tints, backgrounds */
	--luc-cream:       #f0e8d2;   /* warm light surface */
	--luc-cream-2:     #faf6ea;   /* page bg alt */
	--luc-paper:       #ffffff;
	--luc-text:        #1a1a2e;
	--luc-text-muted:  #5b5b6e;
	--luc-text-subtle: #8b8ba0;
	--luc-line:        rgba(26, 26, 46, .08);
	--luc-line-strong: rgba(26, 26, 46, .18);
	--luc-success:     #2e8a5a;
	--luc-warning:     #c0833b;
	--luc-error:       #b6324a;

	/* ---- Typography ----------------------------------------------------- */
	--luc-font-display: "Bodoni Moda", "Playfair Display", Georgia, serif;
	--luc-font-body:    "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	--luc-font-ui:      var(--luc-font-body);

	/* Modular scale (~1.25, capped). Mobile-first; clamp() to taste. */
	--luc-fs-display: clamp(2.4rem, 4.5vw, 4rem);     /* hero h1 */
	--luc-fs-h1:      clamp(2rem,   3.5vw, 3rem);
	--luc-fs-h2:      clamp(1.65rem, 2.8vw, 2.25rem);
	--luc-fs-h3:      clamp(1.3rem,  2vw,   1.6rem);
	--luc-fs-h4:      1.15rem;
	--luc-fs-lead:    1.125rem;
	--luc-fs-body:    1rem;
	--luc-fs-small:   0.875rem;
	--luc-fs-eyebrow: 0.78rem;

	--luc-lh-tight:  1.15;
	--luc-lh-snug:   1.3;
	--luc-lh-normal: 1.55;
	--luc-lh-loose:  1.75;

	--luc-tracking-tight:  -0.01em;
	--luc-tracking-normal: 0;
	--luc-tracking-wide:   0.04em;
	--luc-tracking-eyebrow: 0.18em;

	/* ---- Spacing scale (4px base) -------------------------------------- */
	--luc-space-1: 0.25rem;   /* 4  */
	--luc-space-2: 0.5rem;    /* 8  */
	--luc-space-3: 0.75rem;   /* 12 */
	--luc-space-4: 1rem;      /* 16 */
	--luc-space-5: 1.5rem;    /* 24 */
	--luc-space-6: 2rem;      /* 32 */
	--luc-space-7: 3rem;      /* 48 */
	--luc-space-8: 4rem;      /* 64 */
	--luc-space-9: 6rem;      /* 96 */
	--luc-space-10: 8rem;     /* 128 — section padding desktop */

	/* ---- Layout --------------------------------------------------------- */
	--luc-container:     1200px;
	--luc-container-wide: 1440px;
	--luc-container-narrow: 880px;

	/* ---- Radii ---------------------------------------------------------- */
	--luc-radius-xs: 4px;
	--luc-radius-sm: 8px;
	--luc-radius-md: 14px;
	--luc-radius-lg: 22px;
	--luc-radius-pill: 999px;

	/* ---- Shadow / elevation -------------------------------------------- */
	--luc-shadow-1: 0 1px 2px rgba(15, 15, 31, .06);
	--luc-shadow-2: 0 6px 16px rgba(15, 15, 31, .08);
	--luc-shadow-3: 0 14px 40px rgba(15, 15, 31, .12);
	--luc-shadow-gold: 0 10px 28px rgba(219, 186, 114, .35);

	/* ---- Motion --------------------------------------------------------- */
	--luc-ease:         cubic-bezier(.2, .7, .2, 1);
	--luc-ease-out:     cubic-bezier(.16, 1, .3, 1);
	--luc-dur-fast:     150ms;
	--luc-dur-base:     240ms;
	--luc-dur-slow:     420ms;

	/* ---- Z-index scale -------------------------------------------------- */
	--luc-z-base:    1;
	--luc-z-raised:  10;
	--luc-z-overlay: 100;
	--luc-z-nav:     1000;
	--luc-z-modal:   2000;
}

/* Convenience utility classes (opt-in; do not change Divi defaults globally).
 * Use sparingly inside Divi modules via "CSS Class" field, e.g. luc-eyebrow.
 */
.luc-eyebrow {
	font-family: var(--luc-font-ui);
	font-size: var(--luc-fs-eyebrow);
	letter-spacing: var(--luc-tracking-eyebrow);
	text-transform: uppercase;
	color: var(--luc-gold-deep);
	font-weight: 600;
}

.luc-display {
	font-family: var(--luc-font-display);
	font-size: var(--luc-fs-display);
	line-height: var(--luc-lh-tight);
	letter-spacing: var(--luc-tracking-tight);
	font-weight: 400;
}

.luc-lead {
	font-family: var(--luc-font-body);
	font-size: var(--luc-fs-lead);
	line-height: var(--luc-lh-normal);
	color: var(--luc-text-muted);
}

.luc-divider-gold {
	display: inline-block;
	width: 56px;
	height: 2px;
	background: var(--luc-gold);
	border: 0;
	margin: var(--luc-space-4) 0;
}