:root {
	/* Ink / text (Figma: headings #032b1b, body #394b41) */
	--idu-listings-ink: #022b1b;
	--idu-listings-ink-2: #394b41;
    --idu-listings-ink-3: #a1ada6;
	--idu-listings-muted: #394b41;
	--idu-listings-on-dark: #ffffff;
	--idu-listings-on-dark-soft: rgba(255, 255, 255, 0.72);

	/* Surfaces (Figma: cream #f3ede4, dark band #022b1b) */
	--idu-listings-white: #ffffff;
	--idu-listings-cream: #f3ede4;
	--idu-listings-cream-2: #e9dfd0;
    --idu-listings-cream-3: #f4ede3 ;
	--idu-listings-dark: #022b1b;
	--idu-listings-dark-2: #012016;
    --idu-listings-grey: #f7f7f7;

	/* Brand accents (Figma: gold #eca002, mid green #316f54, number grey #e3e7e6) */
	--idu-listings-green: #022b1b;
	--idu-listings-green-2: #215230;
    --idu-listings-green-3: #d1ffc0;
    --idu-listings-green-4: #538845;
	--idu-listings-gold: #eca002;
	--idu-listings-gold-2: #ce9105;
    --idu-listings-gold-3: #eca103;
	--idu-listings-gold-soft: #fdf3e0;
	--idu-listings-num: #e3e7e6;
	--idu-listings-orange: #eca002;
	--idu-listings-accent: #022b1b;
	--idu-listings-accent-ink: #ffffff;
	--idu-listings-primary: #eca002;
	--idu-listings-primary-ink: #032b1b;

	/* Lines & shadow */
	--idu-listings-line: #e2e2e2;
	--idu-listings-line-2: #eca002;
    --idu-listings-line-3: #032B1B;
    --idu-listings-line-4: #f3ede4;
	--idu-listings-shadow-sm: 0 1px 2px rgba(2, 43, 27, 0.06);
	--idu-listings-shadow: 0 12px 30px rgba(2, 43, 27, 0.1);
	--idu-listings-shadow-lg: 0 24px 60px rgba(2, 43, 27, 0.14);

	/* Radius */
	--idu-listings-radius-sm: 10px;
	--idu-listings-radius: 16px;
	--idu-listings-radius-lg: 24px;
	--idu-listings-radius-pill: 999px;

	/* Layout (Figma: 1440 frame, 80px margins = 1280 content) */
	--idu-listings-container: 1280px;
	--idu-listings-gap: 30px;

	/* Type scale (Figma: Google Sans; h2 36px medium, card 24-26px, body 16/24) */
	--idu-listings-font: "Google Sans", "Google Sans Text", "Product Sans", -apple-system, "Segoe UI", Roboto, sans-serif;
	--idu-listings-h1: clamp(2.2rem, 1.874rem  + 1.39vw, 3.125rem);
	--idu-listings-h2: clamp(1.6rem, 1.371rem + 0.98vw, 2.25rem);
	--idu-listings-h3: clamp(1.15rem, 0.885rem + 1.132vw, 1.875rem);
    --idu-listings-h4: clamp(1rem, 0.817rem + 0.78vw, 1.5rem);
	--idu-listings-lead: clamp(1rem, 0.97rem + 0.25vw, 1.625rem);

    --idu-spacing: 30px;
    --idu-spacing-2: 20px;
    --idu-spacing-3: 25px;
    --idu-spacing-4: 15px;

    /* Account-dashboard sub-palette (Listings/Orders/Groups/Friends tables in
       idu-consistency.css, idu-member-loops.css) - deliberately more neutral
       than the brand ink/cream/gold set above, so kept as its own group
       rather than reusing --idu-listings-ink etc. with different values. */
    --idu-listings-dash-ink: #16130f;
	--idu-listings-dash-muted: rgba(22, 19, 15, 0.62);
	--idu-listings-dash-faint: rgba(22, 19, 15, 0.55);
	--idu-listings-dash-border: rgba(22, 19, 15, 0.14);
	--idu-listings-dash-border-faint: rgba(22, 19, 15, 0.07);
	--idu-listings-dash-btn-radius: 6px;
	--idu-listings-dash-thumb: 52px;
	--idu-listings-dash-pad: 16px;
	--idu-listings-dash-gap: 16px;
	--idu-listings-dash-accent: var(--bb-primary-color, #0e7a5f);
}

@media (max-width: 600px) {
	:root {
		--idu-listings-h1: 30px;
		--idu-listings-h2: 26px;
		--idu-listings-h3: 22px;
        --idu-listings-h4: 20px;
		--idu-listings-lead: 16px;

        --idu-spacing: 20px;
        --idu-spacing-2: 10px;
        --idu-spacing-3: 16px;
	}
}