/**
 * Generated Design Tokens
 * Auto-generated from Design Admin configuration.
 * DO NOT EDIT MANUALLY - changes will be overwritten.
 * Generated: 2026-03-16T22:52:28.224Z
 */

:root {
  /* Marker for prerendered styles */
  --design-prerendered: true;

  /* Color Palette */
  --color-primary-gradient-start: #1E293B;
  --color-primary-gradient-end: #0F172A;
  --color-secondary-gradient-start: #334155;
  --color-secondary-gradient-end: #1E293B;
  --color-primary-button-gradient-start: #0D9488;
  --color-primary-button-gradient-end: #14B8A6;
  --color-gradient-accent-start: #5EEAD4;
  --color-primary-button: #0D9488;
  --color-primary-button-hover: #0F766E;
  --color-secondary-button: #334155;
  --color-secondary-button-hover: #475569;
  --color-primary-text: #F8FAFC;
  --color-secondary-text: #CBD5E1;
  --color-accent-text: #2DD4BF;
  --color-card-background: rgba(51, 65, 85, 0.5);
  --color-border: rgba(100, 116, 139, 0.3);

  /* Brand Colors (HSL) */
  --brand-primary: 175 84% 32%;
  --brand-primary-hex: #0D9488;
  --brand-secondary: 217 33% 17%;
  --brand-secondary-hex: #1E293B;

  /* RGB Values for rgba() */
  --color-primary-gradient-start-rgb: 30, 41, 59;
  --color-primary-gradient-end-rgb: 15, 23, 42;
  --color-primary-button-rgb: 13, 148, 136;
  --color-accent-text-rgb: 45, 212, 191;
  --brand-primary-rgb: 13, 148, 136;
  --brand-secondary-rgb: 30, 41, 59;

  /* Status Colors */
  --color-success: #059669;
  --color-warning: #D97706;
  --color-error: #DC2626;
  --color-info: #0891B2;

  /* Chart Colors */
  --color-chart-1: #0D9488;
  --color-chart-2: #14B8A6;
  --color-chart-3: #2DD4BF;
  --color-chart-4: #5EEAD4;
  --color-chart-5: #64748B;
  --color-chart-6: #94A3B8;
  --color-chart-7: #0891B2;
  --color-chart-8: #22D3EE;

  /* Rarity Colors */
  --color-rarity-common: #94A3B8;
  --color-rarity-uncommon: #0D9488;
  --color-rarity-rare: #0891B2;
  --color-rarity-epic: #7C3AED;
  --color-rarity-legendary: #F59E0B;

  /* Swipe Colors */
  --color-swipe-like: #059669;
  --color-swipe-superlike: #F59E0B;
  --color-swipe-dislike: #DC2626;

  /* Navigation Colors */
  --color-nav-icon-active: #2DD4BF;
  --color-nav-badge-bg: #0D9488;

  /* Glass Dropdown Colors */
  --glass-dropdown-bg: rgba(30, 41, 59, 0.95);
  --glass-dropdown-border: rgba(100, 116, 139, 0.4);
  --glass-dropdown-highlight: rgba(45, 212, 191, 0.1);

  /* Typography */
  --font-primary: Inter;
  --font-secondary: Source Sans 3;
  --font-accent: Inter;
  --font-size-hero: 4rem;
  --font-size-page-title: 2.5rem;
  --font-size-section-title: 1.8rem;
  --font-size-body: 1rem;
  --font-size-small: 0.875rem;
  --font-weight-title: 700;
  --font-weight-body: 400;

  /* Layout */
  --layout-max-width: 1200px;
  --layout-padding: 2rem;
  --layout-section-spacing: 4rem;
  --border-radius-button: 8px;
  --border-radius-card: 8px;
  --radius: 8px;
  --transition-duration: 0.3s;
  --hover-scale: 1.05;

}