:root {
  --primary: #ff6b9d;
  --primary-light: #ff8fb3;
  --primary-dark: #e94e7f;

  --gradient-start: #ff6b9d;
  --gradient-mid: #ff8a65;
  --gradient-end: #ffb74d;

  --gradient-hot-start: #ff416c;
  --gradient-hot-end: #ff4b2b;

  --gradient-sunset-start: #fc5c7d;
  --gradient-sunset-end: #6a82fb;

  --coral: #ff8a65;
  --coral-light: #ffab91;
  --coral-dark: #e57350;

  --yellow: #ffd54f;
  --mint: #4dd0e1;
  --purple: #ba68c8;
  --blue: #64b5f6;
  --green: #81c784;

  --x-color: #000000;
  --instagram-color: #e4405f;
  --tiktok-color: #00f2ea;
  --threads-color: #000000;
  --facebook-color: #1877f2;

  --success: #4caf50;
  --warning: #ff9800;
  --error: #f44336;
  --info: #2196f3;

  --white: #ffffff;
  --background: #fffbfc;
  --surface: #ffffff;
  --surface-variant: #fff5f7;
  --border: #ffe4ec;
  --border-light: #fff0f4;

  --text-primary: #1a1a1a;
  --text-secondary: #666666;
  --text-tertiary: #999999;
  --text-inverse: #ffffff;
  --disabled: #e0e0e0;

  --overlay: rgba(0, 0, 0, 0.5);

  --glass-light: rgba(255, 255, 255, 0.85);
  --glass-medium: rgba(255, 255, 255, 0.7);
  --glass-dark: rgba(255, 107, 157, 0.15);
  --glass-pink: rgba(255, 107, 157, 0.1);

  --font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
    Helvetica, Arial, sans-serif;

  --font-size-xs: 12px;
  --font-size-sm: 14px;
  --font-size-base: 16px;
  --font-size-lg: 18px;
  --font-size-xl: 20px;
  --font-size-2xl: 24px;
  --font-size-3xl: 32px;
  --font-size-4xl: 48px;
  --font-size-5xl: 64px;

  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-extrabold: 800;

  --line-height-tight: 1.2;
  --line-height-normal: 1.5;
  --line-height-relaxed: 1.75;

  --spacing-xxs: 2px;
  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 12px;
  --spacing-lg: 16px;
  --spacing-xl: 20px;
  --spacing-2xl: 24px;
  --spacing-3xl: 32px;
  --spacing-4xl: 40px;
  --spacing-5xl: 48px;
  --spacing-6xl: 64px;

  --border-radius-xs: 4px;
  --border-radius-sm: 8px;
  --border-radius-md: 12px;
  --border-radius-lg: 16px;
  --border-radius-xl: 20px;
  --border-radius-2xl: 24px;
  --border-radius-3xl: 32px;
  --border-radius-full: 9999px;

  --shadow-sm: 0 2px 8px rgba(255, 107, 157, 0.08);
  --shadow-md: 0 4px 16px rgba(255, 107, 157, 0.12);
  --shadow-lg: 0 8px 32px rgba(255, 107, 157, 0.16);
  --shadow-glow: 0 8px 40px rgba(255, 107, 157, 0.4);
  --shadow-button: 0 4px 24px rgba(255, 107, 157, 0.35);

  --transition-instant: 100ms;
  --transition-fast: 200ms;
  --transition-normal: 300ms;
  --transition-slow: 500ms;
  --transition-very-slow: 800ms;

  --container-max-width: 1200px;
  --container-padding: 20px;

  --header-height: 64px;
  --footer-height: auto;
}