:root {
  --oui-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
  --oui-font-size-base: 16px;

  /* Primary colors - Astraya Blue accent */
  --oui-color-primary: 59 130 246;
  --oui-color-primary-light: 96 165 250;
  --oui-color-primary-darken: 37 99 235;

  --oui-color-link: 59 130 246;
  --oui-color-link-light: 96 165 250;

  /* Base colors - Astraya backgrounds */
  --oui-color-secondary: 255 255 255;
  --oui-color-tertiary: 184 188 200;
  --oui-color-quaternary: 107 114 128;

  /* Danger (Bearish) - Astraya red */
  --oui-color-danger: 255 107 107;
  --oui-color-danger-light: 254 202 202;
  --oui-color-danger-darken: 239 68 68;
  --oui-color-danger-contrast: 255 255 255;

  /* Success (Bullish) - Astraya green */
  --oui-color-success: 0 212 170;
  --oui-color-success-light: 16 185 129;
  --oui-color-success-darken: 5 150 105;
  --oui-color-success-contrast: 255 255 255;

  /* Warning */
  --oui-color-warning: 245 158 11;
  --oui-color-warning-light: 251 191 36;
  --oui-color-warning-darken: 217 119 6;
  --oui-color-warning-contrast: 255 255 255;

  /* Fill colors - Astraya dark backgrounds */
  --oui-color-fill: 26 31 46;
  --oui-color-fill-active: 37 42 58;

  /* Base shades - Dark theme spectrum */
  --oui-color-base-1: 75 85 99;
  --oui-color-base-2: 55 65 81;
  --oui-color-base-3: 55 65 81;
  --oui-color-base-4: 37 42 58;
  --oui-color-base-5: 30 35 50;
  --oui-color-base-6: 26 31 46;
  --oui-color-base-7: 26 31 46;
  --oui-color-base-8: 26 31 46;
  --oui-color-base-9: 10 14 19;
  --oui-color-base-10: 10 14 19;

  --oui-color-base-foreground: 255 255 255;
  --oui-color-line: 55 65 81;

  /* Trading colors - Astraya bullish/bearish */
  --oui-color-trading-loss: 255 107 107;
  --oui-color-trading-loss-contrast: 255 255 255;
  --oui-color-trading-profit: 0 212 170;
  --oui-color-trading-profit-contrast: 255 255 255;

  /* Gradients - Astraya themed */
  --oui-gradient-primary-start: 37 99 235;
  --oui-gradient-primary-end: 59 130 246;

  --oui-gradient-secondary-start: 26 31 46;
  --oui-gradient-secondary-end: 37 42 58;

  --oui-gradient-success-start: 5 150 105;
  --oui-gradient-success-end: 0 212 170;

  --oui-gradient-danger-start: 239 68 68;
  --oui-gradient-danger-end: 255 107 107;

  --oui-gradient-brand-start: 96 165 250;
  --oui-gradient-brand-end: 59 130 246;
  --oui-gradient-brand-stop-start: 6.62%;
  --oui-gradient-brand-stop-end: 86.5%;
  --oui-gradient-brand-angle: 17.44deg;

  --oui-gradient-warning-start: 217 119 6;
  --oui-gradient-warning-end: 245 158 11;

  --oui-gradient-neutral-start: 10 14 19;
  --oui-gradient-neutral-end: 26 31 46;

  /* Rounded corners - matching Astraya */
  --oui-rounded-sm: 0.25rem;
  --oui-rounded: 0.375rem;
  --oui-rounded-md: 0.5rem;
  --oui-rounded-lg: 0.75rem;
  --oui-rounded-xl: 1rem;
  --oui-rounded-2xl: 1.5rem;
  --oui-rounded-full: 9999px;

  /* Spacing - Astraya scale */
  --oui-spacing-xs: 20rem;
  --oui-spacing-sm: 22.5rem;
  --oui-spacing-md: 26.25rem;
  --oui-spacing-lg: 30rem;
  --oui-spacing-xl: 33.75rem;
}

html, body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif !important;
  font-size: 16px !important;
  background-color: #0a0e13 !important;
}