// ============================================
// Chancy Dashboard - Custom Theme
// ============================================

// ============================================
// Chancy Brand Colors
// ============================================
// Primary brand color - derived from logo pink
$chancy-pink: #fad0d7;
$chancy-pink-dark: #f4a6b4;
$chancy-pink-darker: #e87d94;

// Accent colors for a cohesive palette
$chancy-blue: #4a90e2;       // Primary actions
$chancy-blue-light: #6ba9f0;
$chancy-blue-dark: #2b6cb0;

$chancy-purple: #9b6dd6;     // Secondary accent
$chancy-purple-light: #b591e3;
$chancy-purple-dark: #7c4fb8;

// Semantic colors - adjusted for both themes
$chancy-green: #28a745;      // Success
$chancy-amber: #f59e0b;      // Warning
$chancy-red: #dc3545;        // Danger/Error

// ============================================
// Light Theme
// ============================================
// Neutral grays for light theme
$light-bg-primary: #ffffff;
$light-bg-secondary: #f8f9fa;
$light-bg-tertiary: #e9ecef;
$light-surface: #ffffff;
$light-surface-elevated: #f8f9fa;

$light-text-primary: #1a1d23;
$light-text-secondary: #525560;
$light-text-tertiary: #6c757d;

$light-border: #dee2e6;
$light-border-subtle: #e9ecef;

// ============================================
// Dark Theme
// ============================================
// Rich, deep backgrounds with subtle warmth
$dark-bg-primary: #0d0e12;
$dark-bg-secondary: #16171d;
$dark-bg-tertiary: #1e1f26;
$dark-surface: #16171d;
$dark-surface-elevated: #1e1f26;

$dark-text-primary: #f0f1f3;
$dark-text-secondary: #b4b6bb;
$dark-text-tertiary: #888a91;

$dark-border: #2a2b33;
$dark-border-subtle: #1e1f26;

// ============================================
// Bootstrap Theme Mappings
// ============================================
$primary: $chancy-blue;
$secondary: #6c757d;
$success: $chancy-green;
$info: $chancy-purple;
$warning: $chancy-amber;
$danger: $chancy-red;

// Custom semantic color for Chancy pink emphasis
$pink: $chancy-pink-darker;

// Light theme defaults
$body-bg: $light-bg-primary;
$body-color: $light-text-primary;
$body-secondary-bg: $light-bg-secondary;
$body-secondary-color: $light-text-secondary;
$body-tertiary-color: $light-text-tertiary;
$border-color: $light-border;

// Dark theme overrides
$body-bg-dark: $dark-bg-primary;
$body-color-dark: $dark-text-primary;
$body-secondary-bg-dark: $dark-bg-secondary;
$body-secondary-color-dark: $dark-text-secondary;
$body-tertiary-color-dark: $dark-text-tertiary;
$border-color-dark: $dark-border;

// ============================================
// Typography
// ============================================
$font-family-sans-serif: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
$font-size-base: 0.9375rem;  // 15px
$line-height-base: 1.6;
$headings-font-weight: 600;
$headings-line-height: 1.3;

// ============================================
// Component Customizations
// ============================================
// Cards
$card-border-color: transparent;
$card-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.06);
$card-cap-bg: $light-bg-secondary;
$card-bg-dark: $dark-surface;
$card-cap-bg-dark: $dark-surface-elevated;

// Borders
$border-radius: 0.5rem;
$border-radius-sm: 0.375rem;
$border-radius-lg: 0.75rem;

// Links
$link-decoration: none;
$link-hover-decoration: none;
$link-color-dark: $chancy-blue-light;
$link-hover-color-dark: $chancy-pink-dark;

// Buttons
$btn-font-weight: 500;

// Forms
$input-focus-border-color: $chancy-blue;
$input-focus-box-shadow: 0 0 0 3px rgba($chancy-blue, 0.15);

// Dark mode emphasis colors
$primary-text-emphasis-dark: $chancy-blue-light;
$success-text-emphasis-dark: #4ade80;
$warning-text-emphasis-dark: #fbbf24;
$danger-text-emphasis-dark: #f87171;
$info-text-emphasis-dark: $chancy-purple-light;

// Options
$enable-dark-mode: true;
$enable-shadows: false;
$enable-rounded: false;