$primary: #2b5240;
$primary-rgb: 43, 82, 64;
$primary-hover: #1e3c2e;
$primary-light: rgba(43, 82, 64, 0.1);

$secondary: #64748b;
$secondary-rgb: 100, 116, 139;

$success: #198754;
$success-rgb: 25, 135, 84;

$warning: #f59e0b;
$warning-rgb: 245, 158, 11;

$danger: #ef4444;
$danger-rgb: 239, 68, 68;

$info: #0284c7;
$info-rgb: 2, 132, 199;

$dark: #0f172a;
$dark-rgb: 15, 23, 42;

$light: #f8fafc;
$light-rgb: 248, 250, 252;

$body-bg: #f8f9fd;
$body-color: #1e293b;
$font-family-base: "Plus Jakarta Sans", "Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
$font-size-base: 0.875rem;

$border-color: #e2e8f0;
$border-radius: 0.5rem;
$border-radius-sm: 0.375rem;
$border-radius-lg: 0.75rem;

$card-bg: #ffffff;
$card-border-color: #e2e8f0;
$card-border-radius: 0.75rem;
$card-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.04);

$table-cell-padding-y: 0.75rem;
$table-cell-padding-x: 1rem;
$table-hover-bg: #f8fafc;

$sidebar-width: 16rem;
$sidebar-collapsed-width: 5rem;
$header-height: 4.25rem;

:root {
  --primary-rgb: #{$primary-rgb};
  --primary-color: #{$primary};
  --primary-hover: #{$primary-hover};
  --primary-light: #{$primary-light};

  --secondary-rgb: #{$secondary-rgb};
  --success-rgb: #{$success-rgb};
  --warning-rgb: #{$warning-rgb};
  --danger-rgb: #{$danger-rgb};
  --info-rgb: #{$info-rgb};

  --default-border: #e2e8ee;
  --default-body-bg-color: #f8f9fd;
  --custom-white: #ffffff;
  --default-text-color: #1e293b;
  --text-muted: #64748b;
  --menu-bg: #ffffff;
  --menu-prime-color: #334155;
  --header-bg: #ffffff;
  --header-border-color: #e2e8ee;
}