/**
 * Rels B Merch - Design Tokens
 * System: Skinny Flakk Tactile Editorial (Fast-Food Pop Nostalgia + High-Fashion Editorial)
 * Generated from Google Stitch DESIGN.md
 */

:root {
	/* Canvas & Background Surfaces */
	--tb-bg: #FFFBEB;
	--tb-bg-elevated: #ffffff;
	--tb-bg-card: #FFFFFF;
	--tb-bg-card-hover: #FEF3C7;
	--tb-bg-overlay: rgba(91, 20, 20, 0.95);
	--tb-bg-darker: #FDE68A;

	/* Structural Borders */
	--tb-border: #E5E7EB;
	--tb-border-light: #FBBF24;
	--tb-border-focus: #DC2626;
	--tb-border-hover: #DC2626;

	/* Primary Brand Conversion CTA (Ketchup Red) */
	--tb-primary: #DC2626;
	--tb-primary-container: #5B1414;
	--tb-primary-hover: #B91C1C;
	--tb-primary-shadow: #991B1B;
	--tb-primary-text: #FFFFFF;
	--tb-primary-glow: rgba(220, 38, 38, 0.25);
	--tb-primary-gradient: linear-gradient(135deg, #DC2626 0%, #991B1B 100%);

	/* Gold & Mustard Accents */
	--tb-gold: #FBBF24;
	--tb-mustard: #F59E0B;
	--tb-tertiary: #5B1414;
	--tb-tertiary-fixed: #FEF3C7;
	--tb-tertiary-fixed-dim: #FBBF24;

	/* High-Contrast Typography */
	--tb-text: #1F2937;
	--tb-text-muted: #4B5563;
	--tb-text-dim: #6B7280;
	--tb-text-inverse: #FFFFFF;

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

	/* Semantic Aliases */
	--tb-star: #FBBF24;
	--tb-success: #10B981;

	/* Typography Families */
	--tb-font-heading: 'Playfair Display', serif;
	--tb-font-pop: 'Rubik', system-ui, sans-serif;
	--tb-font-body: 'Plus Jakarta Sans', sans-serif;
	--tb-font-mono: 'Plus Jakarta Sans', monospace;

	/* Corner Radii */
	--tb-radius-sm: 8px;
	--tb-radius-md: 16px;
	--tb-radius-lg: 24px;
	--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-accent: #FBBF24;
}