// Bootstrap variable overrides
// These MUST be defined BEFORE importing Bootstrap's variables

// Colors - matching theme.json palette
$white:    #FFFFFF;
$gray-100: #f8f9fa;
$gray-200: #e9ecef;
$gray-300: #dee2e6;
$gray-400: #ced4da;
$gray-500: #adb5bd;
$gray-600: #6c757d;
$gray-700: #495057;
$gray-800: #343a40;
$gray-900: #212529;
$black:    #000000;

$primary:   #0d6efd;
$secondary: #6c757d;
$success:   #198754;
$danger:    #dc3545;
$warning:   #ffc107;
$info:      #0dcaf0;
$light:     $gray-100;
$dark:      $gray-800;

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

// Typography - using system fonts (matching theme.json)
$font-family-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

// Additional font families
$font-family-inter: Inter, system-ui, -apple-system, sans-serif;
$font-family-serif: Lora, Georgia, "Times New Roman", serif;

// Enable dark mode
$enable-dark-mode: true;

// Enable reduced motion
$enable-reduced-motion: true;

// Bootstrap Icons font path (points to copied files in assets/fonts/)
$bootstrap-icons-font-src: url("../fonts/bootstrap-icons.woff2") format("woff2"),
                           url("../fonts/bootstrap-icons.woff") format("woff");
