/**
 * Generated Design Tokens
 * Auto-generated from Design Admin configuration.
 * DO NOT EDIT MANUALLY - changes will be overwritten.
 */

:root {
  --design-prerendered: true;
  --color-primary-gradient-start: #171B2A;
  --color-primary-gradient-end: #2B1C31;
  --color-secondary-gradient-start: #2B1C31;
  --color-secondary-gradient-end: #151927;
  --color-primary-button-gradient-start: #A54761;
  --color-primary-button-gradient-end: #B65770;
  --color-gradient-accent-start: #E3A0AE;
  --color-primary-button: #A54761;
  --color-primary-button-hover: #913A54;
  --color-secondary-button: #282735;
  --color-secondary-button-hover: #343240;
  --color-primary-text: #F7F1EF;
  --color-secondary-text: #C8C1C7;
  --color-accent-text: #E3A0AE;
  --color-card-background: rgba(247, 241, 239, 0.06);
  --color-border: rgba(247, 241, 239, 0.14);
  --theme-card-hsl: 15 33% 95%;
  --theme-card-alpha: 0.06;
  --theme-border-hsl: 15 33% 95%;
  --theme-border-alpha: 0.14;
  --foreground: 15 33% 95%;
  --card-foreground: 15 33% 95%;
  --muted-foreground: 309 6% 77%;
  --primary: 343 40% 46%;
  --primary-foreground: 15 33% 95%;
  --secondary: 244 15% 18%;
  --secondary-foreground: 15 33% 95%;
  --accent: 347 54% 76%;
  --accent-foreground: 15 33% 95%;
  --ring: 343 40% 46%;
  --brand-primary: 343 40% 46%;
  --brand-primary-hex: #A54761;
  --brand-secondary: 227 29% 13%;
  --brand-secondary-hex: #171B2A;
  --color-primary-gradient-start-rgb: 23, 27, 42;
  --color-primary-gradient-end-rgb: 43, 28, 49;
  --color-primary-button-rgb: 165, 71, 97;
  --color-accent-text-rgb: 227, 160, 174;
  --brand-primary-rgb: 165, 71, 97;
  --brand-secondary-rgb: 23, 27, 42;
  --color-success: #79AA9B;
  --color-warning: #E2A75D;
  --color-error: #D96878;
  --color-info: #8199C8;
  --color-chart-1: #A54761;
  --color-chart-2: #79AA9B;
  --color-chart-3: #8199C8;
  --color-chart-4: #E2A75D;
  --color-chart-5: #B78AC1;
  --color-chart-6: #C8C1C7;
  --color-chart-7: #D96878;
  --color-chart-8: #E3A0AE;
  --color-rarity-common: #9E98A2;
  --color-rarity-uncommon: #79AA9B;
  --color-rarity-rare: #8199C8;
  --color-rarity-epic: #B78AC1;
  --color-rarity-legendary: #E2A75D;
  --color-swipe-like: #79AA9B;
  --color-swipe-superlike: #8199C8;
  --color-swipe-dislike: #D96878;
  --color-nav-icon-active: #E3A0AE;
  --color-nav-badge-bg: #A54761;
  --color-action-like: #E3A0AE;
  --color-action-like-hover: #E3A0AE;
  --color-action-like-active: #F0B5C0;
  --color-action-comment: #8199C8;
  --color-action-comment-hover: #8199C8;
  --color-action-view: #9E98A2;
  --color-action-view-hover: #9E98A2;
  --glass-dropdown-bg: rgba(20, 22, 34, 0.96);
  --glass-dropdown-border: rgba(247, 241, 239, 0.14);
  --glass-dropdown-highlight: rgba(227, 160, 174, 0.08);
  --font-primary: ui-rounded, "Avenir Next", "Segoe UI", sans-serif;
  --font-secondary: Inter, system-ui, sans-serif;
  --font-accent: ui-rounded, "Avenir Next", "Segoe UI", sans-serif;
  --font-size-hero: 3.75rem;
  --font-size-page-title: 2.5rem;
  --font-size-section-title: 1.75rem;
  --font-size-body: 1rem;
  --font-size-small: 0.875rem;
  --font-weight-title: 700;
  --font-weight-body: 400;
  --layout-max-width: 1200px;
  --layout-padding: 1.5rem;
  --layout-section-spacing: 4.5rem;
  --border-radius-button: 12px;
  --border-radius-card: 18px;
  --radius: 18px;
  --transition-duration: 0.24s;
  --hover-scale: 1.015;
  --spacing-xs: 0.25rem;
  --spacing-sm: 0.5rem;
  --spacing-md: 1rem;
  --spacing-lg: 1.5rem;
  --spacing-xl: 2rem;
  --spacing-2xl: 3rem;
  --spacing-3xl: 4.5rem;
  --radius-none: 0;
  --radius-sm: 0.375rem;
  --radius-md: 0.625rem;
  --radius-lg: 0.875rem;
  --radius-xl: 1.125rem;
  --radius-2xl: 1.5rem;
  --radius-full: 9999px;
  --radius-button: 0.75rem;
  --radius-card: 1.125rem;
  --radius-input: 0.75rem;
  --radius-modal: 1.25rem;
  --radius-avatar: 9999px;
  --shadow-sm: 0 3px 10px rgb(3 5 12 / 0.18);
  --shadow-md: 0 10px 28px -8px rgb(3 5 12 / 0.42);
  --shadow-lg: 0 20px 44px -14px rgb(3 5 12 / 0.58);
  --shadow-xl: 0 30px 70px -20px rgb(3 5 12 / 0.7);
  --shadow-card: 0 16px 44px -18px rgb(3 5 12 / 0.58), inset 0 1px 0 rgb(255 255 255 / 0.05);
  --shadow-dropdown: 0 20px 48px -16px rgb(3 5 12 / 0.7), 0 0 0 1px rgb(247 241 239 / 0.08);
  --shadow-modal: 0 34px 80px -20px rgb(3 5 12 / 0.78), 0 0 0 1px rgb(247 241 239 / 0.1);
  --shadow-glow: 0 0 0 1px rgb(247 241 239 / 0.06);
  --shadow-glow-primary: 0 12px 34px -14px rgb(165 71 97 / 0.7);
  --shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / 0.3);
  --animation-duration-fast: 140ms;
  --animation-duration-normal: 240ms;
  --animation-duration-slow: 420ms;
  --animation-easing: cubic-bezier(0.4, 0, 0.2, 1);
  --animation-easing-in: cubic-bezier(0.4, 0, 1, 1);
  --animation-easing-out: cubic-bezier(0, 0, 0.2, 1);
  --animation-hover-scale: 1.015;
  --animation-press-scale: 0.985;
  --component-button-height-sm: 2.75rem;
  --component-button-height-md: 3rem;
  --component-button-height-lg: 3.5rem;
  --component-button-padding-x: 1.25rem;
  --component-button-font-weight: 650;
  --component-input-height: 3rem;
  --component-input-padding-x: 1rem;
  --component-input-border-width: 1px;
  --component-card-padding: 1.5rem;
  --component-card-gap: 1rem;
  --nav-height-desktop: 4rem;
  --nav-height-mobile: 4rem;
}