/**
 * Creator Merch - Design Tokens
 * System: Kreuzberg 61 Acid Noir (Google Stitch Dark Aesthetic)
 * Generated from Google Stitch DESIGN.md
 */

:root {
	/* Canvas & Background Surfaces */
	--tb-bg: #141312;
	--tb-bg-elevated: #1c1b1a;
	--tb-bg-card: #201f1e;
	--tb-bg-card-hover: #2b2a29;
	--tb-bg-overlay: rgba(15, 14, 13, 0.95);
	--tb-bg-darker: #0f0e0d;

	/* Structural Borders */
	--tb-border: #44474A;
	--tb-border-light: #363433;
	--tb-border-focus: #E2E8F0;
	--tb-border-hover: #E2E8F0;

	/* Primary Brand Conversion CTA (White / Purple Y2K Accent) */
	--tb-primary: #FFFFFF;
	--tb-primary-container: #2b2a29;
	--tb-primary-hover: #C3D0E0;
	--tb-primary-shadow: #7392BC;
	--tb-primary-text: #111827;
	--tb-primary-glow: rgba(226, 232, 240, 0.25);
	--tb-primary-gradient: linear-gradient(135deg, #E2E8F0 0%, #7392BC 100%);

	/* Secondary & Accent */
	--tb-secondary: #ddb7ff;
	--tb-accent: #F59E0B;
	--tb-gold: #ffddb8;
	--tb-mustard: #ffb95f;
	--tb-tertiary: #ffffff;
	--tb-tertiary-fixed: #ffddb8;
	--tb-tertiary-fixed-dim: #ffb95f;

	/* High-Contrast Typography */
	--tb-text: #E6E2DF;
	--tb-text-muted: #c5c6cb;
	--tb-text-dim: #8e9195;
	--tb-text-inverse: #161c22;

	/* Functional Status Tokens */
	--tb-status-new: #E2E8F0;
	--tb-status-bestseller: #E2E8F0;
	--tb-status-limited: #ffb95f;
	--tb-status-success: #10b981;

	/* Semantic Aliases */
	--tb-star: #ffb95f;
	--tb-success: #10b981;

	/* Typography Families */
	--tb-font-heading: 'Bodoni Moda', serif;
	--tb-font-pop: 'Work Sans', sans-serif;
	--tb-font-body: 'Work Sans', sans-serif;
	--tb-font-mono: 'JetBrains Mono', monospace;

	/* Corner Radii */
	--tb-radius-sm: 8px;
	--tb-radius-md: 12px;
	--tb-radius-lg: 16px;
	--tb-radius-pill: 9999px;

	/* Layout Containers & Spacing */
	--tb-container-width: 1280px;
	--tb-container-narrow: 1024px;
	--tb-space-xs: 0.25rem;
	--tb-space-sm: 0.5rem;
	--tb-space-md: 1rem;
	--tb-space-lg: 1.5rem;
	--tb-space-xl: 2.5rem;
	--tb-space-2xl: 4rem;
	--tb-space-3xl: 6rem;

	/* Transitions */
	--tb-transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
	--tb-transition-smooth: 250ms cubic-bezier(0.4, 0, 0.2, 1);
	--tb-card: #201F1E;
	--tb-surface-dim: #2B2A29;
}