/* ============================================================
   DESIGN TOKENS — Isolierglas Online
   Anthracite + antique brass, warm paper surface
   Industry codes: Schüco / Internorm / Saint-Gobain visual language
   Source: approved demo (isolierglas-demo.html)
   ============================================================ */

:root {

	/* --- Brand ink (anthracite) ----------------------------- */
	--ig-ink:           #1a1d23;             /* anthracite, primary text + bg */
	--ig-ink-soft:      #2a2e36;             /* slightly lifted anthracite */
	--ig-ink-line:      rgba(26, 29, 35, 0.12);
	--ig-ink-line-soft: rgba(26, 29, 35, 0.06);

	/* --- Brass accent --------------------------------------- */
	--ig-brass:         #c8a155;             /* antique brass */
	--ig-brass-deep:    #a8862f;             /* deeper, for eyebrow text */
	--ig-brass-hover:   #d9b46c;             /* button hover */
	--ig-brass-soft:    rgba(200, 161, 85, 0.14); /* underline + glow */

	/* --- Surfaces ------------------------------------------- */
	--ig-paper:         #faf7f2;             /* primary bg, warm cream */
	--ig-paper-2:       #f3ede2;             /* alt section bg */
	--ig-paper-3:       #ece5d6;             /* deeper alt */
	--ig-card:          #ffffff;

	/* --- Text on ink (dark surfaces) ------------------------- */
	--ig-on-ink:        #f0eee9;
	--ig-on-ink-soft:   rgba(240, 238, 233, 0.80);
	--ig-on-ink-muted:  rgba(240, 238, 233, 0.55);
	--ig-on-ink-line:   rgba(255, 255, 255, 0.06);

	/* --- Text on paper (light surfaces) --------------------- */
	--ig-text:          #2a2e36;
	--ig-text-muted:    #6b7280;
	--ig-text-subtle:   #9ba0a8;

	/* --- Status / live indicators --------------------------- */
	--ig-success:       #74cf8c;             /* "delivery in stock" dot */
	--ig-stat-poor:     #c44545;             /* energy section: bad value (Einfachglas) */
	--ig-stat-best:     #4a8259;             /* energy section: good value (3-fach Krypton) */

	/* --- Deeper footer ink (slightly darker than --ig-ink) -- */
	--ig-footer-bg:     #0e1116;

	/* --- Type stack ----------------------------------------- */
	--ig-font:          'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	--ig-font-mono:     'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;

	/* --- Radius --------------------------------------------- */
	--ig-r-sm:  4px;
	--ig-r-md:  8px;
	--ig-r-lg:  14px;
	--ig-r-xl:  22px;

	/* --- Shadow --------------------------------------------- */
	--ig-sh-sm: 0 1px 2px rgba(26, 29, 35, 0.04);
	--ig-sh-md: 0 4px 14px rgba(26, 29, 35, 0.06), 0 1px 3px rgba(26, 29, 35, 0.04);
	--ig-sh-lg: 0 20px 48px rgba(26, 29, 35, 0.10), 0 4px 12px rgba(26, 29, 35, 0.06);

	/* --- Motion --------------------------------------------- */
	--ig-t-fast: 180ms cubic-bezier(.4, 0, .2, 1);
	--ig-t-base: 320ms cubic-bezier(.4, 0, .2, 1);

	/* --- Layout --------------------------------------------- */
	--ig-max: 1320px;
}