/**
 * Intrinsic Blue — Global Design Tokens
 *
 * Source of truth: approved Figma design (dark theme variant).
 * These are best-read values from the supplied design exports.
 * If the Figma MCP connection becomes available again, re-verify
 * exact hex/spacing values against the file and adjust here —
 * every other stylesheet consumes these variables, nothing else
 * should hardcode raw hex/px values for these tokens.
 */

:root {

	/* ---------- Color: Backgrounds ---------- */
	--ib-bg-page:            #0a0c16;   /* main page background, near-black navy */
	--ib-bg-surface:         #12141f;   /* product cards, form fields, panels */
	--ib-bg-surface-alt:     #171a26;   /* nested panels e.g. order summary boxes */
	--ib-bg-input:           #1a1d2b;   /* input fields */
	--ib-bg-banner:          #6a63f1;   /* top announcement strip (indigo) */

	/* ---------- Color: Brand / Accent ---------- */
	--ib-accent-start:       #6a63f1;   /* gradient start — indigo */
	--ib-accent-end:         #4f9dfa;   /* gradient end — sky blue */
	--ib-accent-solid:       #6a63f1;   /* flat accent (links, active pill) */
	--ib-price-color:        #5db4f7;   /* current price color */
	--ib-badge-new-bg:       #6a63f1;

	/* ---------- Color: Text ---------- */
	--ib-text-primary:       #f5f5f8;   /* headings, product titles */
	--ib-text-secondary:     #b6b8c4;   /* body copy, descriptions */
	--ib-text-muted:         #7d8093;   /* meta text, placeholders */
	--ib-text-on-accent:     #ffffff;   /* text on gradient buttons */
	--ib-text-strike:        #6b6e7d;   /* struck-through original price */

	/* ---------- Color: Status ---------- */
	--ib-success:            #34d399;
	--ib-error:              #f87171;
	--ib-star-filled:        #fbbf24;
	--ib-star-empty:         #3a3d4d;

	/* ---------- Color: Borders ---------- */
	--ib-border-subtle:      rgba(255, 255, 255, 0.08);
	--ib-border-strong:      rgba(255, 255, 255, 0.16);
	--ib-border-focus:       var(--ib-accent-end);

	/* ---------- Typography ---------- */
	--ib-font-display:       'Cormorant Garamond', Georgia, serif;   /* italic script headings */
	--ib-font-body:          'Jost', -apple-system, BlinkMacSystemFont, sans-serif;

	/* ---------- Radius ---------- */
	--ib-radius-sm:          8px;
	--ib-radius-md:          12px;
	--ib-radius-lg:          16px;
	--ib-radius-pill:        999px;

	/* ---------- Spacing (4px base scale) ---------- */
	--ib-space-1:            4px;
	--ib-space-2:            8px;
	--ib-space-3:            12px;
	--ib-space-4:            16px;
	--ib-space-5:            20px;
	--ib-space-6:            24px;
	--ib-space-8:            32px;
	--ib-space-10:           40px;
	--ib-space-12:           48px;
	--ib-space-16:           64px;

	/* ---------- Layout ---------- */
	--ib-container-max:      1200px;
	--ib-container-pad:      20px;

	/* ---------- Shadow ---------- */
	--ib-shadow-card:        0 4px 20px rgba(0, 0, 0, 0.35);
	--ib-shadow-button:      0 4px 14px rgba(106, 99, 241, 0.35);

	/* ---------- Transition ---------- */
	--ib-transition-fast:    150ms ease;
	--ib-transition-base:    250ms ease;
}