// _config.scss - Global configuration for the entire market_dashboard project

// ==========================================
// FEATURE TOGGLES
// ==========================================
$enable-dark-mode: true !default;
$enable-animations: true !default;
$enable-shadows: true !default;
$enable-gradients: false !default;
$enable-rounded: true !default;
$enable-transitions: true !default;
$enable-hover-media-query: false !default;

// ==========================================
// THEME CONFIGURATION
// ==========================================
$theme-border-width: $border-width !default;
$theme-border-style: solid !default;
$theme-border-color: var(--bs-border-color) !default;

// Background configurations
$body-bg-light: $white !default;
$body-bg-dark: $dark !default;

// ==========================================
// COMPONENT CONFIGURATION
// ==========================================
// Button configuration
$enable-button-hover-effects: true !default;
$button-focus-width: 3px !default;
$button-border-radius: $border-radius !default;

// Form configuration
$form-focus-width: 3px !default;
$form-feedback-margin-top: $spacing-xs !default;
$form-feedback-font-size: $font-size-sm !default;

// Card configuration
$card-spacer-y: $spacing-md !default;
$card-spacer-x: $spacing-md !default;
$card-border-width: $border-width-thin !default;
$card-border-radius: $border-radius-md !default;
$card-inner-border-radius: calc(#{$card-border-radius} - #{$card-border-width}) !default;

// ==========================================
// LAYOUT CONFIGURATION
// ==========================================
// Sidebar configuration
$enable-sidebar-transitions: true !default;
$sidebar-transition-duration: .35s ease !default;
$sidebar-box-shadow: 1px 0 3px rgba(0, 0, 0, 0.5) !default;

// Header configuration
$header-box-shadow: 0 2px 4px $shadow-sm !default;
$header-box-shadow-dark: 0 2px 4px $shadow-dark-md !default;

// Content configuration
$content-padding: $spacing-lg !default;
$content-margin-left: calc(#{$sidebar-width} + #{$spacing-lg}) !default;

// ==========================================
// CHART CONFIGURATION
// ==========================================
$chart-border-width: $border-width-thin !default;
$chart-border-radius: $border-radius-md !default;
$chart-min-height-mobile: 250px !default;
$chart-min-height-tablet: 400px !default;
$chart-min-height-desktop: $chart-min-height !default;

// ==========================================
// GRID CONFIGURATION
// ==========================================
$grid-columns: 12 !default;
$grid-gutter-width: 30px !default;
$grid-row-columns: 6 !default;

// ==========================================
// RESPONSIVE CONFIGURATION
// ==========================================
$container-padding-x: $spacing-lg !default;

// Container max widths
$container-max-widths: (
  sm: 540px,
  md: 720px,
  lg: 960px,
  xl: 1140px,
  xxl: 1320px
) !default;

// ==========================================
// PERFORMANCE CONFIGURATION
// ==========================================
// Transition performance settings
$enable-reduced-motion: true !default;
$transition-collapse: height 0.35s ease !default;

// ==========================================
// ACCESSIBILITY CONFIGURATION
// ==========================================
$enable-high-contrast: false !default;
$focus-ring-width: 3px !default;
$focus-ring-opacity: 0.25 !default;

// ==========================================
// PRINT CONFIGURATION
// ==========================================
$print-page-size: a3 !default;
$print-body-min-width: map-get($container-max-widths, lg) !default;

// ==========================================
// DEVELOPMENT CONFIGURATION
// ==========================================
$enable-debug-mode: false !default;
$debug-border-color: red !default;
$debug-background-color: rgba(255, 0, 0, 0.1) !default;

// ==========================================
// SOCIAL LOGIN CONFIGURATION
// ==========================================
$enable-social-login-hover-effects: true !default;
$social-button-border-radius: $border-radius-md !default;

// ==========================================
// CONDITIONAL FEATURE IMPORTS
// ==========================================
// These can be used to conditionally include features based on configuration

@if $enable-animations == false {
  // Disable all animations and transitions
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

@if $enable-shadows == false {
  // Disable all box shadows
  * {
    box-shadow: none !important;
  }
}

@if $enable-reduced-motion {
  @media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
      animation-duration: 0.01ms !important;
      animation-iteration-count: 1 !important;
      transition-duration: 0.01ms !important;
      scroll-behavior: auto !important;
    }
  }
}

@if $enable-debug-mode {
  // Add debug styles for development
  .debug {
    border: 2px solid $debug-border-color !important;
    background-color: $debug-background-color !important;
  }
  
  [data-debug] {
    outline: 1px solid $debug-border-color;
  }
}