:root {
  /** Primary - Deep Violet **/
  --ion-color-primary: #6c5ce7;
  --ion-color-primary-rgb: 108, 92, 231;
  --ion-color-primary-contrast: #ffffff;
  --ion-color-primary-contrast-rgb: 255, 255, 255;
  --ion-color-primary-shade: #5f51cb;
  --ion-color-primary-tint: #7b6ce9;

  /** Secondary - Amber/Gold **/
  --ion-color-secondary: #fdcb6e;
  --ion-color-secondary-rgb: 253, 203, 110;
  --ion-color-secondary-contrast: #000000;
  --ion-color-secondary-contrast-rgb: 0, 0, 0;
  --ion-color-secondary-shade: #dfb261;
  --ion-color-secondary-tint: #fdd07d;

  /** Backgrounds **/
  --ion-background-color: #121212;
  --ion-background-color-rgb: 18, 18, 18;
  --ion-text-color: #f5f5f5;
  --ion-text-color-rgb: 245, 245, 245;

  /** Fonts **/
  --ion-font-family: 'Outfit', sans-serif;
}

body {
  font-family: 'Inter', sans-serif;
  --ion-font-family: 'Outfit', sans-serif;
  background-color: #121212;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Outfit', sans-serif;
}

/* Glassmorphism utility */
.glass {
  background: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
}

/* Premium Gradient */
.bg-gradient {
  --background: radial-gradient(circle at top left, #2d3436 0%, #121212 100%);
  background: radial-gradient(circle at top left, #2d3436 0%, #121212 100%);
}
