/**
 * Creator Merch - Design Tokens
 * System: Obsidian & Alabaster Couture (High-Fashion Light Editorial)
 * Generated from Google Stitch DESIGN.md
 */

:root {
	/* Canvas & Background Surfaces */
	--tb-bg: #FBFBFB;
	--tb-bg-elevated: #ffffff;
	--tb-bg-card: #FFFFFF;
	--tb-bg-card-hover: #F4F4F5;
	--tb-bg-overlay: rgba(10, 10, 10, 0.85);
	--tb-bg-darker: #F4F4F6;

	/* Structural Borders */
	--tb-border: #E4E4E7;
	--tb-border-light: #E4E4E7;
	--tb-border-focus: #0A0A0A;
	--tb-border-hover: #0A0A0A;

	/* Primary Brand Conversion CTA (Obsidian Black & Crimson Accent) */
	--tb-primary: #0A0A0A;
	--tb-primary-container: #BE123C;
	--tb-primary-hover: #BE123C;
	--tb-primary-shadow: #000000;
	--tb-primary-text: #FFFFFF;
	--tb-primary-glow: rgba(190, 18, 60, 0.25);
	--tb-primary-gradient: linear-gradient(135deg, #0A0A0A 0%, #18181B 100%);

	/* Crimson & Brushed Gold Accents */
	--tb-crimson: #BE123C;
	--tb-gold: #D4AF37;
	--tb-tertiary: #D4AF37;
	--tb-tertiary-fixed: #FFFBEB;
	--tb-tertiary-fixed-dim: #FDE68A;

	/* High-Contrast Typography */
	--tb-text: #0A0A0A;
	--tb-text-muted: #52525B;
	--tb-text-dim: #71717A;
	--tb-text-inverse: #FFFFFF;

	/* Functional Status Tokens */
	--tb-status-new: #0A0A0A;
	--tb-status-bestseller: #0A0A0A;
	--tb-status-limited: #D4AF37;
	--tb-status-success: #10B981;

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

	/* Typography Families */
	--tb-font-heading: 'Anton', 'Oswald', 'Syne', sans-serif;
	--tb-font-pop: 'Space Grotesk', system-ui, sans-serif;
	--tb-font-body: 'Geist', 'Space Grotesk', -apple-system, sans-serif;
	--tb-font-mono: 'Space Grotesk', monospace;

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

	/* Layout Containers & Spacing */
	--tb-container-width: 1440px;
	--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: #BE123C;
}