/**
 * Generated Design Tokens
 * Auto-generated from Design Admin configuration.
 * DO NOT EDIT MANUALLY - changes will be overwritten.
 * Generated: 2026-04-28T15:37:32.462Z
 */

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

  /* Color Palette */
  --color-primary-gradient-start: #2D1B69;
  --color-primary-gradient-end: #1A0F3D;
  --color-secondary-gradient-start: #3D2575;
  --color-secondary-gradient-end: #2D1B69;
  --color-primary-button-gradient-start: #2D1B69;
  --color-primary-button-gradient-end: #1A0F3D;
  --color-gradient-accent-start: #B19CD9;
  --color-primary-button: #E91E63;
  --color-primary-button-hover: #D81B60;
  --color-secondary-button: #374151;
  --color-secondary-button-hover: #4b5563;
  --color-primary-text: #FFFFFF;
  --color-secondary-text: #E0E0E0;
  --color-accent-text: #FF4081;
  --color-card-background: rgba(255, 255, 255, 0.1);
  --color-border: rgba(255, 255, 255, 0.2);

  /* Brand Colors (HSL) */
  --brand-primary: 340 82% 52%;
  --brand-primary-hex: #E91E63;
  --brand-secondary: 254 59% 26%;
  --brand-secondary-hex: #2D1B69;

  /* RGB Values for rgba() */
  --color-primary-gradient-start-rgb: 45, 27, 105;
  --color-primary-gradient-end-rgb: 26, 15, 61;
  --color-primary-button-rgb: 233, 30, 99;
  --color-accent-text-rgb: 255, 64, 129;
  --brand-primary-rgb: 233, 30, 99;
  --brand-secondary-rgb: 45, 27, 105;

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

}