/**
 * Tony Boy Merch - Design Tokens
 * System: Nocturnal Underground (Milan Trap & Streetwear Luxury)
 * Generated via Google Stitch MCP Engine
 */

:root {
	/* Canvas & Background Surfaces */
	--tb-bg: #0A0D14;
	--tb-bg-elevated: #121722;
	--tb-bg-card: #121722;
	--tb-bg-card-hover: #161D2B;
	--tb-bg-overlay: rgba(10, 13, 20, 0.95);
	--tb-bg-darker: #06080D;

	/* Structural Borders (Razor-Sharp Brutalist lines) */
	--tb-border: #1E293B;
	--tb-border-light: #334155;
	--tb-border-focus: #E11D48;
	--tb-border-hover: #E11D48;

	/* High-Voltage Accent / Primary Conversion CTA */
	--tb-primary: #E11D48;
	--tb-primary-hover: #F8FAFC;
	--tb-primary-text: #FFFFFF;
	--tb-primary-glow: rgba(225, 29, 72, 0.35);

	/* Secondary / Dark Inversion Action */
	--tb-secondary: #121722;
	--tb-secondary-border: #1E293B;
	--tb-secondary-hover: #1E293B;

	/* High-Contrast Typography */
	--tb-text: #F8FAFC;
	--tb-text-muted: #94A3B8;
	--tb-text-dim: #64748B;
	--tb-text-inverse: #0A0D14;

	/* Functional Status Tokens */
	--tb-status-new: #E11D48;
	--tb-status-bestseller: #E11D48;
	--tb-status-limited: #F59E0B;
	--tb-status-success: #10B981;

	/* Typography Families */
	--tb-font-heading: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
	--tb-font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
	--tb-font-mono: 'Space Mono', monospace;

	/* Corner Radii - Sharp Underground Brutalism */
	--tb-radius-sm: 0px;
	--tb-radius-md: 0px;
	--tb-radius-lg: 0px;
	--tb-radius-pill: 2px;

	/* Layout Containers & Spacing */
	--tb-container-width: 1280px;
	--tb-container-narrow: 1080px;
	--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;

	/* 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);
}