// =============================================================================
// Decent DS - Design Tokens
// =============================================================================
// A single source of truth for the Decent Billing ERP design language.
// Consumed by _theme-light.scss and _theme-dark.scss which map these tokens
// onto CSS custom properties for runtime theme switching.
//
// Do not use raw colors anywhere in the app - always go through --dc-* vars.
// =============================================================================

// -----------------------------------------------------------------------------
// Brand palette
// -----------------------------------------------------------------------------
$brand-primary-50:  #EEF3FF;
$brand-primary-100: #DCE7FF;
$brand-primary-200: #B7CEFF;
$brand-primary-300: #8AAEFF;
$brand-primary-400: #5989FF;
$brand-primary-500: #1B5CFF;
$brand-primary-600: #1449D6;
$brand-primary-700: #0F3AAD;
$brand-primary-800: #0B2C84;
$brand-primary-900: #071E5C;

$brand-secondary-500: #0E9F6E;
$brand-secondary-300: #34D399;
$brand-secondary-700: #067A55;

$brand-accent-500: #F59E0B;
$brand-accent-300: #FBBF24;
$brand-accent-700: #B45309;

// -----------------------------------------------------------------------------
// Neutral scale
// -----------------------------------------------------------------------------
$neutral-0:   #FFFFFF;
$neutral-25:  #FBFCFD;
$neutral-50:  #F7F8FA;
$neutral-100: #F1F3F6;
$neutral-200: #E5E7EB;
$neutral-300: #D1D5DB;
$neutral-400: #9CA3AF;
$neutral-500: #6B7280;
$neutral-600: #4B5563;
$neutral-700: #374151;
$neutral-800: #1F2937;
$neutral-900: #111827;
$neutral-950: #0B0F19;

// -----------------------------------------------------------------------------
// Semantic
// -----------------------------------------------------------------------------
$status-success-500: #16A34A;
$status-info-500:    #2563EB;
$status-warning-500: #D97706;
$status-danger-500:  #DC2626;

// -----------------------------------------------------------------------------
// Radii, spacing, shadows, motion
// -----------------------------------------------------------------------------
$radius-xs: 4px;
$radius-sm: 6px;
$radius-md: 10px;
$radius-lg: 14px;
$radius-xl: 20px;
$radius-2xl: 28px;
$radius-pill: 999px;

$space-1:  4px;
$space-2:  8px;
$space-3:  12px;
$space-4:  16px;
$space-5:  20px;
$space-6:  24px;
$space-8:  32px;
$space-10: 40px;
$space-12: 48px;
$space-16: 64px;

$shadow-xs: 0 1px 2px rgba(15, 23, 42, .04);
$shadow-sm: 0 1px 3px rgba(15, 23, 42, .06), 0 1px 2px rgba(15, 23, 42, .04);
$shadow-md: 0 4px 8px rgba(15, 23, 42, .06), 0 2px 4px rgba(15, 23, 42, .04);
$shadow-lg: 0 12px 24px rgba(15, 23, 42, .10), 0 4px 8px rgba(15, 23, 42, .06);
$shadow-xl: 0 24px 48px rgba(15, 23, 42, .16);

$motion-fast: 120ms;
$motion-base: 200ms;
$motion-slow: 320ms;
$ease-out:      cubic-bezier(.2, .8, .2, 1);
$ease-in-out:   cubic-bezier(.4, 0, .2, 1);

// -----------------------------------------------------------------------------
// Typography
// -----------------------------------------------------------------------------
$font-sans: 'Inter', 'Segoe UI', system-ui, -apple-system, BlinkMacSystemFont,
            'Noto Sans Devanagari', 'Noto Sans Gujarati', 'Noto Sans Tamil',
            'Noto Sans Telugu', 'Noto Sans Kannada', 'Noto Sans Malayalam',
            'Noto Sans Bengali', 'Noto Sans Gurmukhi', 'Noto Nastaliq Urdu',
            Arial, sans-serif;
$font-mono: 'JetBrains Mono', 'Fira Code', ui-monospace, SFMono-Regular, Menlo, monospace;

$fs-12: .75rem;
$fs-13: .8125rem;
$fs-14: .875rem;
$fs-16: 1rem;
$fs-18: 1.125rem;
$fs-20: 1.25rem;
$fs-24: 1.5rem;
$fs-30: 1.875rem;
$fs-36: 2.25rem;
$fs-48: 3rem;

// -----------------------------------------------------------------------------
// Layout
// -----------------------------------------------------------------------------
$sidebar-width: 268px;
$sidebar-collapsed-width: 72px;
$topbar-height: 60px;
$mobile-topbar-height: 56px;
$content-max-width: 1440px;

// -----------------------------------------------------------------------------
// Bootstrap 5.3 overrides (must be defined BEFORE bootstrap import)
// -----------------------------------------------------------------------------
$primary:   $brand-primary-500;
$secondary: $neutral-500;
$success:   $status-success-500;
$info:      $status-info-500;
$warning:   $status-warning-500;
$danger:    $status-danger-500;
$light:     $neutral-50;
$dark:      $neutral-900;

$body-color: $neutral-800;
$body-bg:    $neutral-50;
$border-color: $neutral-200;

$border-radius:    $radius-md;
$border-radius-sm: $radius-sm;
$border-radius-lg: $radius-lg;
$border-radius-xl: $radius-xl;

$font-family-sans-serif: $font-sans;
$font-family-monospace:  $font-mono;
$font-size-base: 0.9375rem; // 15px - denser but very readable

$input-border-color: $neutral-300;
$input-focus-border-color: $brand-primary-400;
$input-focus-box-shadow: 0 0 0 3px rgba($brand-primary-500, .18);

$btn-focus-box-shadow: 0 0 0 3px rgba($brand-primary-500, .28);

$grid-gutter-width: 1.25rem;