/* =========================================================
   DABOMB — Design tokens (v9, production-aligned)
   Syne display / Quicksand body / JetBrains Mono labels.
   Aligned with production Elementor kit (webdabomb).
   ========================================================= */

:root {
	/* -- Background scale (production-aligned) -- */
	--bg:           #000000;   /* production secondary — default page background */
	--bg-2:         #0a0a14;   /* subtle elevated surface */
	--bg-signature: #000000;   /* signature section */

	/* -- Ink (type) -- */
	--ink:          #f0f7ff;   /* pale cyan-white — softer than pure white */
	--ink-dim:      #9aa3b2;   /* cool gray — body copy */
	--ink-faint:    rgba(240,247,255,0.32);

	/* -- Silver / platinum accent (production accent #D9D9D6) -- */
	--silver:        #D9D9D6;
	--silver-bright: #E8E8E6;

	/* -- Glow (production primary #122C67) -- */
	--glow:         18, 44, 103;    /* #122C67 — production primary */
	--glow-hue:     #122C67;
	--glow-purple:  18, 44, 103;    /* unified with primary */
	--glow-purple-deep: 10, 25, 60;

	/* -- Gold accent — warm three-tier metallic system.
	   Bright for highlights/hover, base for text/borders, dim for shadows. */
	--db-gold-bright: #e8cb7a;
	--db-gold:        #d4b675;
	--db-gold-dim:    #9a7d3e;
	--gold:           var(--db-gold);
	--gold-hair:      rgba(212,182,117,0.15);

	/* -- Structural -- */
	--hairline:     rgba(201,168,107,0.20);

	/* -- Typography stacks --
	   v8 Syne: contemporary geometric sans for display (700/800),
	   Quicksand for body (geometric, airy), JetBrains Mono for eyebrows/labels.
	   --italic kept as an alias to --serif so legacy em{} rules don't fall back
	   to browser faux-italic — Syne has no true italic. */
	--serif:  'Syne', sans-serif;
	--sans:   'Quicksand', system-ui, -apple-system, sans-serif;
	--italic: 'Syne', sans-serif;
	--mono:   'JetBrains Mono', 'SF Mono', 'Fira Code', monospace;

	/* -- Tracking -- */
	--tr-lux:     0.28em;   /* eyebrows, stat labels */
	--tr-nav:     0.22em;   /* nav links — wide luxe tracking */
	--tr-btn:     0.24em;   /* buttons */
	--tr-label:   0.18em;   /* metadata labels */
	--tr-display: -0.025em; /* Syne display sits best at tight negative tracking */

	/* -- Layout -- */
	--pad-x:  56px;
	--pad-section: 140px;

	/* -- Motion -- */
	--ease: cubic-bezier(0.22, 0.61, 0.36, 1);

	/* -- Glow intensity (default ambient) -- */
	--glow-intensity: 0.85;

	/* -- Bloom — stacked navy text-shadow (production primary #122C67).
	   Applied to all display headings via .bloom / direct rules. -- */
	--bloom:
		0 0 1px   rgba( 18,  44, 103, 0.9),
		0 0 12px  rgba( 18,  44, 103, 0.45),
		0 0 40px  rgba( 18,  44, 103, 0.35),
		0 0 80px  rgba( 10,  25,  60, 0.35),
		0 0 160px rgba( 10,  25,  60, 0.25);
}

@media (max-width: 900px) {
	:root {
		--pad-x: 22px;
		--pad-section: 80px;
	}
}