/* Main CSS Variables */

:root {
  --fg-control-royal: #3f5eca;
  --fg-control-royal-dark: #1d2f69;
  --fg-control-royal-hover: #4c6ff0;
  --fg-genie-blue: #2b4a9f;
  --fg-genie-character: #64b5f6;
  --fg-genie-deep: #1a2f6f;
  --fg-genie-gold: #fbbf24;
  --fg-genie-gold-dark: #d97706;
  --fg-genie-lime: #ffd36f;
  --fg-genie-sparkle: #ffe28a;
  --fg-shadow-button: 0 8px 24px rgba(251, 191, 36, 0.4);
  --fg-shadow-card: 0 16px 48px rgba(0, 0, 0, 0.3);
  --fg-status-error: #ff6b6b;
  --fg-status-info: #64b5f6;
  --fg-status-success: #fbbf24;
  --fg-status-warning: #ffd36f;
  --fg-surface-dark: #1a2540;
  --fg-surface-darker: #0f1829;
  --fg-text-dark: #1a2540;
  --fg-text-gold: #fde68a;
  --fg-text-muted: #8fa3d1;
  --fg-text-white: #ffffff;
  --fg-transition-fast: 150ms cubic-bezier(0.2, 0, 0.2, 1);
  --fg-transition-medium: 300ms cubic-bezier(0.2, 0, 0.2, 1);
}