:root {
  --sf-bg: #0c0b0a;
  --sf-surface: #181716;
  --sf-surface-2: #252423;
  --sf-card-bg: #181716;
  --sf-card-border: rgba(255,176,5,0.20);
  --sf-card-hover: rgba(239,68,68,0.28);
  --sf-section-bg: #0c0b0a;
  --sf-hero-bg: #0c0b0a;
  --sf-text: #ffb005;
  --sf-text-muted: #ffffff;
  --sf-primary: #7f1d1d;
  --sf-accent: #ef4444;
  --sf-glow: #ffb005;
  --sf-success: #7dce9a;
  --sf-premium: #ffb005;
  --sf-error: #ef4444;
  --sf-commerce-await: #ffb005;
  --sf-commerce-pending: #7f1d1d;
  --sf-commerce-danger: #ef4444;
  --sf-commerce-destructive: #ef4444;
  --sf-price: #ef4444;
  --sf-heading-color: #ffb005;
  --sf-product-name: #ffb005;
  --sf-product-description: #ffffff;
  --sf-border: rgba(255, 176, 5, 0.12);
  --sf-border-hover: rgba(239, 68, 68, 0.22);
  --sf-glass: rgba(24,23,22,0.72);
  --sf-hero-overlay: #121110;
  --sf-hero-overlay-opacity: 0.88;
  --sf-glow-intensity: 27;
  --sf-glass-level: 2;
  --sf-btn-primary-from: #7f1d1d;
  --sf-btn-primary-to: #ef4444;
  --sf-btn-secondary-bg: rgba(255, 255, 255, 0.06);
  --sf-btn-secondary-border: rgba(255, 176, 5, 0.25);
  --sf-btn-secondary-hover: rgba(127, 29, 29, 0.35);
  --sf-glass-blur: 14px;
  --sf-glow-strength: 0.27;
  --sf-shadow-glow: 0 0 40px color-mix(in srgb, var(--sf-primary) calc(var(--sf-glow-strength) * 100%), transparent);
  --sf-surface-base: #0c0b0a;
  --sf-surface-raised: #181716;
  --sf-surface-overlay: #252423;
  --sf-surface-card: #181716;
  --sf-surface-section: #0c0b0a;
  --sf-text-primary: #ffb005;
  --sf-text-secondary: #ffffff;
  --sf-text-tertiary: rgba(255,176,5,0.60);
  --sf-text-on-accent: #ffffff;
  --sf-interactive-rest: #7f1d1d;
  --sf-interactive-hover: #ef4444;
  --sf-interactive-active: #7f1d1d;
  --sf-interactive-focus-ring: rgba(127,29,29,0.45);
  --sf-border-subtle: rgba(255, 176, 5, 0.12);
  --sf-border-default: rgba(255,176,5,0.20);
  --sf-border-strong: rgba(239, 68, 68, 0.22);
  --sf-border-focus: rgba(127,29,29,0.50);
  --sf-radius-xs: 8px;
  --sf-radius-sm: 12px;
  --sf-radius-md: 16px;
  --sf-radius-lg: 22px;
  --sf-radius-xl: 30px;
  --sf-radius-card: 22px;
  --sf-radius-button: 16px;
  --sf-radius-pill: 999px;
  --sf-motion-duration-fast: 180ms;
  --sf-motion-duration-base: 300ms;
  --sf-motion-duration-slow: 480ms;
  --sf-motion-ease-standard: cubic-bezier(0.5, 0, 0.1, 1);
  --sf-motion-ease-emphasized: cubic-bezier(0.22, 1, 0.36, 1);
  --sf-transition-base: 300ms cubic-bezier(0.5, 0, 0.1, 1);
  --sf-transition-fast: 180ms cubic-bezier(0.5, 0, 0.1, 1);
  --sf-transition-slow: 480ms cubic-bezier(0.22, 1, 0.36, 1);
  --sf-density-space-unit: 1.0;
  --sf-density-card-padding: 1.15rem;
  --sf-density-section-gap: 2rem;
  --sf-font-size-xs: 0.742rem;
  --sf-font-size-sm: 0.886rem;
  --sf-font-size-base: 1.030rem;
  --sf-font-size-lg: 1.184rem;
  --sf-font-size-xl: 1.391rem;
  --sf-font-size-2xl: 1.751rem;
  --sf-font-size-3xl: 2.215rem;
  --sf-line-height-tight: 1.25;
  --sf-line-height-base: 1.65;
  --sf-line-height-loose: 1.85;
  --sf-font-weight-regular: 400;
  --sf-font-weight-medium: 500;
  --sf-font-weight-bold: 700;
  --sf-font-weight-heavy: 800;
  --sf-elevation-1: 0 1px 2px color-mix(in srgb, var(--sf-surface-base) 50%, transparent), 0 4px 12px color-mix(in srgb, var(--sf-surface-base) 35%, transparent);
  --sf-elevation-2: 0 4px 8px color-mix(in srgb, var(--sf-surface-base) 50%, transparent), 0 12px 28px color-mix(in srgb, var(--sf-surface-base) 45%, transparent);
  --sf-elevation-3: 0 12px 24px color-mix(in srgb, var(--sf-surface-base) 50%, transparent), 0 24px 56px color-mix(in srgb, var(--sf-surface-base) 60%, transparent), 0 0 32px color-mix(in srgb, var(--sf-interactive-rest) 30%, transparent);
  --sf-card-shadow-identity: 0 12px 40px color-mix(in srgb, var(--sf-bg) 55%, transparent), 0 0 24px color-mix(in srgb, var(--sf-primary) calc(var(--sf-glow-strength) * 45%), transparent);
  --sf-card-shadow-hover-identity: 0 20px 48px color-mix(in srgb, var(--sf-bg) 40%, transparent), 0 0 36px color-mix(in srgb, var(--sf-glow) calc(var(--sf-glow-strength) * 70%), transparent);
  --sf-atmosphere-strength: 0.85;
  --sf-hover-lift: 5px;
  --sf-hover-energy: 1.12;
  --sf-identity-radius: rounded;
  --sf-identity-motion: dramatic;
  --sf-identity-density: comfortable;
  --sf-identity-mood: calm;
  --sf-surface-mode: dark;
  --sf-scrollbar-size: 10px;
  --sf-scrollbar-track: #121110;
  --sf-scrollbar-thumb: #ffb005;
  --sf-scrollbar-thumb-hover: #ef4444;
  --sf-scrollbar-width-mode: thin;
  --sf-card-shadow: 0 12px 40px color-mix(in srgb, var(--sf-bg) 55%, transparent), 0 0 24px color-mix(in srgb, var(--sf-primary) calc(var(--sf-glow-strength) * 45%), transparent);
  --sf-card-shadow-hover: 0 20px 48px color-mix(in srgb, var(--sf-bg) 40%, transparent), 0 0 36px color-mix(in srgb, var(--sf-glow) calc(var(--sf-glow-strength) * 70%), transparent);
  --sf-commerce-await-text: color-mix(in srgb, #ffb005 88%, #ffb005);
  --sf-commerce-pending-text: color-mix(in srgb, #7f1d1d 88%, #ffb005);
  --sf-commerce-danger-text: color-mix(in srgb, #ef4444 88%, #ffb005);
  --sf-commerce-destructive-text: color-mix(in srgb, #ef4444 88%, #ffb005);
  --sf-error-text: color-mix(in srgb, #ef4444 88%, #ffb005);
}