/* ---------------------------------------------------------
   DokanMate Design Tokens
   --------------------------------------------------------- */
   :root {
    /* Brand Colors */
    --dm-primary: #1E88E5;
    --dm-primary-dark: #1565C0;
    --dm-primary-light: #90CAF9;
  
    --dm-accent: #43A047;
    --dm-danger: #E53935;
    --dm-warning: #FB8C00;
    --dm-info: #3949AB;
  
    /* Text Colors */
    --dm-text-primary: #212121;
    --dm-text-secondary: #757575;
    --dm-text-inverse: #FFFFFF;
  
    /* Background Colors */
    --dm-bg-light: #FFFFFF;
    --dm-bg-soft: #F7F9FC;
  
    /* Typography */
    --dm-font-heading: "Poppins", "Inter", sans-serif;
    --dm-font-body: "Inter", "Roboto", sans-serif;
  
    /* Radii */
    --dm-radius-sm: 4px;
    --dm-radius-md: 8px;
    --dm-radius-lg: 12px;
  
    /* Shadows */
    --dm-shadow-sm: 0px 1px 3px rgba(0,0,0,0.1);
    --dm-shadow-md: 0px 2px 6px rgba(0,0,0,0.15);
    --dm-shadow-lg: 0px 4px 12px rgba(0,0,0,0.2);
  
    /* Spacing */
    --dm-space-sm: 8px;
    --dm-space-md: 16px;
    --dm-space-lg: 24px;
  }
  
  /* ---------------------------------------------------------
     Typography
     --------------------------------------------------------- */
  body {
    font-family: var(--dm-font-body) !important;
    color: var(--dm-text-primary);
    background-color: var(--dm-bg-soft);
  }
  
  h1, h2, h3, h4, h5, h6 {
    font-family: var(--dm-font-heading) !important;
  }
  
  /* ---------------------------------------------------------
     Bootstrap Overrides (Primary, Success, Danger, etc.)
     --------------------------------------------------------- */
  .btn-primary,
  .bg-primary,
  .text-bg-primary {
    background-color: var(--dm-primary) !important;
    border-color: var(--dm-primary-dark) !important;
    color: var(--dm-text-inverse) !important;
  }
  
  .btn-primary:hover {
    background-color: var(--dm-primary-dark) !important;
  }
  
  .btn-success,
  .bg-success {
    background-color: var(--dm-accent) !important;
    border-color: var(--dm-accent) !important;
  }
  
  .btn-danger,
  .bg-danger {
    background-color: var(--dm-danger) !important;
    border-color: var(--dm-danger) !important;
  }
  
  .btn-warning,
  .bg-warning {
    background-color: var(--dm-warning) !important;
    border-color: var(--dm-warning) !important;
    color: var(--dm-text-primary) !important;
  }
  
  /* ---------------------------------------------------------
     Cards & UI Components
     --------------------------------------------------------- */
  .card {
    border-radius: var(--dm-radius-md) !important;
    box-shadow: var(--dm-shadow-sm);
  }
  
  .card:hover {
    box-shadow: var(--dm-shadow-md);
  }
  
  input, select, textarea {
    border-radius: var(--dm-radius-sm) !important;
  }
  
  .navbar {
    background-color: var(--dm-primary) !important;
    color: var(--dm-text-inverse);
    font-family: var(--dm-font-heading);
  }
  
  /* Custom Utilities */
  .dm-shadow {
    box-shadow: var(--dm-shadow-md) !important;
  }
  
  .dm-rounded {
    border-radius: var(--dm-radius-md) !important;
  }