/**
 * Generated Design Tokens
 * Auto-generated from Design Admin configuration.
 * DO NOT EDIT MANUALLY - changes will be overwritten.
 * Generated: 2026-04-10T11:57:53.743Z
 */

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

  /* Color Palette */
  --color-primary-gradient-start: #0F0812;
  --color-primary-gradient-end: #170D14;
  --color-secondary-gradient-start: #1F1219;
  --color-secondary-gradient-end: #0F0812;
  --color-primary-button-gradient-start: #DB2777;
  --color-primary-button-gradient-end: #EC4899;
  --color-gradient-accent-start: #F9A8D4;
  --color-primary-button: #DB2777;
  --color-primary-button-hover: #BE185D;
  --color-secondary-button: #1F1219;
  --color-secondary-button-hover: #2D1A24;
  --color-primary-text: #FDF2F8;
  --color-secondary-text: #FBCFE8;
  --color-accent-text: #F472B6;
  --color-card-background: rgba(31, 18, 25, 0.7);
  --color-border: rgba(219, 39, 119, 0.3);

  /* Brand Colors (HSL) */
  --brand-primary: 333 71% 51%;
  --brand-primary-hex: #DB2777;
  --brand-secondary: 282 38% 5%;
  --brand-secondary-hex: #0F0812;

  /* RGB Values for rgba() */
  --color-primary-gradient-start-rgb: 15, 8, 18;
  --color-primary-gradient-end-rgb: 23, 13, 20;
  --color-primary-button-rgb: 219, 39, 119;
  --color-accent-text-rgb: 244, 114, 182;
  --brand-primary-rgb: 219, 39, 119;
  --brand-secondary-rgb: 15, 8, 18;

  /* Status Colors */
  --color-success: #10B981;
  --color-warning: #F59E0B;
  --color-error: #F43F5E;
  --color-info: #A855F7;

  /* Chart Colors */
  --color-chart-1: #DB2777;
  --color-chart-2: #EC4899;
  --color-chart-3: #F472B6;
  --color-chart-4: #F9A8D4;
  --color-chart-5: #BE185D;
  --color-chart-6: #9D174D;
  --color-chart-7: #A855F7;
  --color-chart-8: #C084FC;

  /* Rarity Colors */
  --color-rarity-common: #9CA3AF;
  --color-rarity-uncommon: #F472B6;
  --color-rarity-rare: #DB2777;
  --color-rarity-epic: #A855F7;
  --color-rarity-legendary: #FBBF24;

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

  /* Navigation Colors */
  --color-nav-icon-active: #F472B6;
  --color-nav-badge-bg: #DB2777;

  /* Glass Dropdown Colors */
  --glass-dropdown-bg: rgba(15, 8, 18, 0.95);
  --glass-dropdown-border: rgba(219, 39, 119, 0.4);
  --glass-dropdown-highlight: rgba(244, 114, 182, 0.12);

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

}