/**
 * Generated Design Tokens
 * Auto-generated from Design Admin configuration.
 * DO NOT EDIT MANUALLY - changes will be overwritten.
 * Generated: 2026-04-07T23:49:31.837Z
 */

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

  /* Color Palette */
  --color-primary-gradient-start: #0C1929;
  --color-primary-gradient-end: #0F2942;
  --color-secondary-gradient-start: #164E63;
  --color-secondary-gradient-end: #0C1929;
  --color-primary-button-gradient-start: #0EA5E9;
  --color-primary-button-gradient-end: #38BDF8;
  --color-gradient-accent-start: #7DD3FC;
  --color-primary-button: #0EA5E9;
  --color-primary-button-hover: #0284C7;
  --color-secondary-button: #164E63;
  --color-secondary-button-hover: #155E75;
  --color-primary-text: #F0F9FF;
  --color-secondary-text: #BAE6FD;
  --color-accent-text: #38BDF8;
  --color-card-background: rgba(22, 78, 99, 0.5);
  --color-border: rgba(14, 165, 233, 0.25);

  /* Brand Colors (HSL) */
  --brand-primary: 199 89% 48%;
  --brand-primary-hex: #0EA5E9;
  --brand-secondary: 213 55% 10%;
  --brand-secondary-hex: #0C1929;

  /* RGB Values for rgba() */
  --color-primary-gradient-start-rgb: 12, 25, 41;
  --color-primary-gradient-end-rgb: 15, 41, 66;
  --color-primary-button-rgb: 14, 165, 233;
  --color-accent-text-rgb: 56, 189, 248;
  --brand-primary-rgb: 14, 165, 233;
  --brand-secondary-rgb: 12, 25, 41;

  /* Status Colors */
  --color-success: #10B981;
  --color-warning: #F59E0B;
  --color-error: #EF4444;
  --color-info: #0EA5E9;

  /* Chart Colors */
  --color-chart-1: #0EA5E9;
  --color-chart-2: #38BDF8;
  --color-chart-3: #7DD3FC;
  --color-chart-4: #BAE6FD;
  --color-chart-5: #0284C7;
  --color-chart-6: #0369A1;
  --color-chart-7: #06B6D4;
  --color-chart-8: #22D3EE;

  /* Rarity Colors */
  --color-rarity-common: #94A3B8;
  --color-rarity-uncommon: #38BDF8;
  --color-rarity-rare: #0EA5E9;
  --color-rarity-epic: #06B6D4;
  --color-rarity-legendary: #FBBF24;

  /* Swipe Colors */
  --color-swipe-like: #10B981;
  --color-swipe-superlike: #FBBF24;
  --color-swipe-dislike: #EF4444;

  /* Navigation Colors */
  --color-nav-icon-active: #38BDF8;
  --color-nav-badge-bg: #0EA5E9;

  /* Glass Dropdown Colors */
  --glass-dropdown-bg: rgba(12, 25, 41, 0.95);
  --glass-dropdown-border: rgba(14, 165, 233, 0.4);
  --glass-dropdown-highlight: rgba(56, 189, 248, 0.12);

  /* Typography */
  --font-primary: Inter;
  --font-secondary: Inter;
  --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: 12px;
  --border-radius-card: 16px;
  --radius: 16px;
  --transition-duration: 0.3s;
  --hover-scale: 1.05;

}