:root {
  --color-primary: #C01660;
  --color-primary-dark: #9B1050;
  --color-primary-light: #F2D6E6;
  --color-deep: #2B255F;
  --color-gradient-start: #FFD500;
  --color-gradient-end: #E94E1B;
  --color-bg: #FFFFFF;
  --color-bg-subtle: #F7F0F4;
  --color-bg-page: #F4F0F3;
  --color-text: #1A1A2E;
  --color-text-muted: #6B6B8A;
  --color-border: #E0D0DA;
  --color-success: #27AE60;
  --color-success-bg: #E8F8EE;
  --color-error: #E94E1B;
  --color-error-bg: #FDF0EB;
  --color-warning: #F59E0B;
  --color-offline: #9B1050;

  --font-family: 'GraphikLCG', system-ui, -apple-system, sans-serif;
  --font-size-xs: 11px;
  --font-size-sm: 13px;
  --font-size-base: 16px;
  --font-size-md: 18px;
  --font-size-lg: 24px;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;

  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-full: 9999px;

  --shadow-card: 0 2px 8px rgba(192, 22, 96, 0.08);
  --shadow-card-hover: 0 4px 16px rgba(192, 22, 96, 0.14);
  --shadow-button: 0 4px 12px rgba(192, 22, 96, 0.32);

  --nav-height: 64px;
  --header-height: 56px;
  --offline-bar-height: 40px;

  --transition-fast: 150ms ease;
  --transition-base: 250ms ease;
}