/*
 * dbi services · Neve Child Theme
 * assets/css/tokens.css — the design-token bridge, loaded site-wide.
 *
 * .dbi-scope maps short local names onto Neve's global color variables
 * (Customizer → Colors & Background). Fallback values mirror the seeded
 * palette so markup renders correctly even before the Customizer is
 * seeded. Single source of truth is the Neve Customizer palette; these
 * are consumption aliases only — never duplicate the values elsewhere.
 *
 * Split out of dbi-blog.css so surfaces that exist on every page (the
 * footer) can consume the tokens without pulling the list-page styles.
 *
 * @package dbi-neve-child
 */

.dbi-scope {
	--teal:         var( --nv-primary-accent,   #00AAA0 ); /* Primary Accent   */
	--teal-dark:    var( --nv-secondary-accent, #007972 ); /* Secondary Accent: the teal that carries text (5.3:1 on white) */
	--teal-deep:    color-mix( in srgb, var( --teal-dark ) 78%, #000 ); /* hover for surfaces already on --teal-dark; derived, not a palette entry */
	--teal-light:   var( --nv-c-2,              #e8f7f6 ); /* Extra Color 2    */
	--bg:           var( --nv-site-bg,          #f8f7f3 ); /* Site Background  */
	--bg-pure:      #ffffff;
	--surface:      var( --nv-light-bg,         #f2f1ed ); /* Light Background */
	--dark:         var( --nv-dark-bg,          #1a1f1e ); /* Dark Background  */
	--text:         var( --nv-text-color,       #1c1b18 ); /* Text Color       */
	--text-inverse: var( --nv-text-dark-bg,     #f0efeb ); /* Text on Dark     */
	--muted:        var( --nv-c-1,              #5a5850 ); /* Extra Color 1    */
	--faint-on-dark: #9a9890; /* the former --faint: 6.0:1 on --dark, for the footer */
	--faint:        #6e6d66; /* was #9a9890 (2.7:1); 4.6:1 on the darkest surface it meets */
	--teal-mid:     rgba( 0, 170, 160, .12 );
	--border:       rgba( 0, 0, 0, .08 );
	--divider:      rgba( 0, 0, 0, .05 );
	--f-display:    'Instrument Serif', Georgia, serif;
	--f-body:       'Inter', system-ui, sans-serif;
	--ease:         cubic-bezier( 0.16, 1, 0.3, 1 );
	--t:            240ms;
}

.dbi-scope,
.dbi-scope * { box-sizing: border-box; }
