@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Sora:wght@600;700&display=swap');

:root,
[data-bs-theme=light] {
  /* Brand Colors */
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #FF8C42; /* Solar Orange */
  --bs-yellow: #ffc107;
  --bs-green: #48A9A6; /* Vendor Vault Success */
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #2D3142; /* Vendor Vault Navy */
  
  /* Grays scale unchanged for standard UI consistency */
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;

  /* Theme Colors */
  --bs-primary: #FF8C42;
  --bs-secondary: #2D3142;
  --bs-success: #48A9A6;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #1F2937;

  /* RGB Channels (Critical for Opacity Utilities) */
  --bs-primary-rgb: 255, 140, 66;
  --bs-secondary-rgb: 45, 49, 66;
  --bs-success-rgb: 72, 169, 166;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 31, 41, 55;

  /* Emphasis Colors (Text on subtle backgrounds) */
  --bs-primary-text-emphasis: #CC5E1B;
  --bs-secondary-text-emphasis: #1a1d27;
  --bs-success-text-emphasis: #2b6664;
  --bs-info-text-emphasis: #055160;
  --bs-warning-text-emphasis: #664d03;
  --bs-danger-text-emphasis: #58151c;
  --bs-light-text-emphasis: #495057;
  --bs-dark-text-emphasis: #495057;

  /* Subtle Backgrounds (Used for alerts and cards) */
  --bs-primary-bg-subtle: #FFF3EB;
  --bs-secondary-bg-subtle: #e1e2e6;
  --bs-success-bg-subtle: #daeeed;
  --bs-info-bg-subtle: #cff4fc;
  --bs-warning-bg-subtle: #fff3cd;
  --bs-danger-bg-subtle: #f8d7da;
  --bs-light-bg-subtle: #fcfcfd;
  --bs-dark-bg-subtle: #ced4da;

  /* Border Subtles */
  --bs-primary-border-subtle: #FFD1B3;
  --bs-secondary-border-subtle: #abadb8;
  --bs-success-border-subtle: #b6dbda;
  --bs-info-border-subtle: #9eeaf9;
  --bs-warning-border-subtle: #ffe69c;
  --bs-danger-border-subtle: #f1aeb5;
  --bs-light-border-subtle: #e9ecef;
  --bs-dark-border-subtle: #adb5bd;

  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;

  /* Fonts */
  --bs-font-sans-serif: 'Inter', system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --bs-body-font-family: var(--bs-font-sans-serif);
  
  /* Body styles */
  --bs-body-color: #1F2937;
  --bs-body-color-rgb: 31, 41, 55;
  --bs-body-bg: #F8F9FA;
  --bs-body-bg-rgb: 248, 249, 250;
  
  /* Links */
  --bs-link-color: #FF8C42;
  --bs-link-color-rgb: 255, 140, 66;
  --bs-link-hover-color: #E6762E;
  --bs-link-hover-color-rgb: 230, 118, 46;

  /* Focus Ring (New in 5.3) */
  --bs-focus-ring-color: rgba(255, 140, 66, 0.25);
}

/* Primary Button: Solar Orange */
.btn-primary {
  --bs-btn-bg: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-bg: #E6762E;
  --bs-btn-hover-border-color: #E6762E;
  --bs-btn-active-bg: #CC5E1B;
  --bs-btn-active-border-color: #CC5E1B;
  --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
  --bs-btn-color: #fff;
  --bs-btn-hover-color: #fff;
}

/* Secondary Button: Navy/Slate */
.btn-secondary {
  --bs-btn-bg: var(--bs-secondary);
  --bs-btn-border-color: var(--bs-secondary);
  --bs-btn-hover-bg: #1f222e;
  --bs-btn-hover-border-color: #1f222e;
  --bs-btn-active-bg: #14161d;
  --bs-btn-active-border-color: #14161d;
  --bs-btn-focus-shadow-rgb: var(--bs-secondary-rgb);
  --bs-btn-color: #fff;
}

/* Success Button: Teal/Mint */
.btn-success {
  --bs-btn-bg: var(--bs-success);
  --bs-btn-border-color: var(--bs-success);
  --bs-btn-hover-bg: #3c8d8a;
  --bs-btn-hover-border-color: #3c8d8a;
  --bs-btn-focus-shadow-rgb: var(--bs-success-rgb);
  --bs-btn-color: #fff;
}

/* Modern Pill Style (Optional Utility) */
.btn-rounded {
  border-radius: var(--bs-border-radius-pill);
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

/* Outline Primary Button: Solar Orange */
.btn-outline-primary {
    --bs-btn-color: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    
    /* Hover State (Fills in with solid orange) */
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--bs-primary);
    --bs-btn-hover-border-color: var(--bs-primary);
    
    /* Active/Click State (Darkens slightly) */
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #E6762E;
    --bs-btn-active-border-color: #E6762E;
    
    /* Focus Ring */
    --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
    
    /* Disabled State */
    --bs-btn-disabled-color: #FFB48A;
    --bs-btn-disabled-border-color: #FFB48A;
}

body {
    font-family: 'Inter', sans-serif;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

h1, h2, h3, h4, h5, .navbar-brand {
    font-family: 'Sora', sans-serif;
    font-weight: 700;
}