/* Minimal CSS - Only Essential Styles Not Yet Migrated to Type-Safe System */

/* Import CSS Variables (Theme System) */
@import './variables.css';

/* Import Gradient Squares Background Pattern */
@import './gradient-squares.css';

/* Tailwind Base (Required for CSS Variables) */
@tailwind base;
@tailwind components;
@tailwind utilities;

/* Essential Animations (Still Used by Components) */
@keyframes spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

@keyframes pulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.5; }
}

/* Loading Spinner Classes (Used by DaisyUI Components) */
.loading {
  @apply pointer-events-none;
}

.loading-spinner {
  @apply inline-block w-6 h-6 border-2 border-r-transparent squircle-full;
  border-color: currentColor;
  animation: spin 0.7s linear infinite;
}

.loading-lg { @apply w-10 h-10 border-4; }
.loading-md { @apply w-8 h-8 border-2; }
.loading-sm { @apply w-4 h-4 border-2; }

/* Canvas Background (Used by Chart Components) */
.canvas-bg {
  background-color: var(--color-tertiary-bg);
  border: 1px solid var(--color-border-default);
}

/* Hero Gradient (Used by Landing Pages) */
.hero-gradient {
  background: linear-gradient(135deg, var(--color-primary-bg) 0%, var(--color-secondary-bg) 100%);
}

/* Chart Container (Used by Trading View) */
.chart-container {
  @apply relative w-full h-full;
}

.tradingview-widget {
  @apply w-full h-full;
}

/* Monospace Font Utility */
.font-mono {
  font-family: var(--font-mono);
}

/* Animation Utilities (Still Referenced) */
.animate-spin {
  animation: spin 1s linear infinite;
}

.animate-pulse {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

/* Essential Base Styles */
@layer base {
  /* Scrollbar Styling */
  ::-webkit-scrollbar {
    width: 8px;
    height: 8px;
  }

  ::-webkit-scrollbar-track {
    background: var(--color-secondary-bg);
  }

  ::-webkit-scrollbar-thumb {
    background: var(--color-tertiary-bg);
  }
  
  @supports (border-radius: var(--squircle-xs)) {
    ::-webkit-scrollbar-thumb {
      @apply squircle-xs;
    }
  }

  ::-webkit-scrollbar-thumb:hover {
    background: var(--color-quaternary-bg);
  }

  /* Focus Visible (Accessibility) */
  :focus-visible {
    outline: 2px solid var(--color-primary-accent);
    outline-offset: 2px;
  }
}