:root {
  --app-color-white: #ffffff;
  --app-color-black: #000000;
  --app-color-border-light: #f0f0f0;
  --app-color-text-muted: #555555;
  --app-color-accent-purple: #bb86fc;
  --app-color-accent-purple-light: #d0a6ff;

  --app-font-primary: "Avant Garde Gothic Pro", "Century Gothic", "Futura", sans-serif;
  --app-font-secondary: "Poppins", sans-serif;

  --app-radius-sm: 4px;
  --app-radius-md: 12px;
  --app-radius-lg: 24px;

  --app-transition-fast: 0.3s ease;
  --app-transition-smooth: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);

  --app-shadow-soft: 0 10px 40px rgba(0, 0, 0, 0.1);
  --app-shadow-soft-hover: 0 20px 60px rgba(0, 0, 0, 0.2);
}