// base vars
$background: var(--plover-theme-dashboard-background-color, #ffffff);
$text: var(--plover-theme-dashboard-text-color, #27272a);
$heading: var(--plover-theme-dashboard-heading-color, #09090b);
$primary-gradient: var(--plover-theme-dashboard-primary-gradient, linear-gradient(135deg, #314edf 0%, #22eaee 100%));
$primary-gradient-invert: var(--plover-theme-dashboard-primary-gradient-invert, linear-gradient(135deg, #22eaee 0%, #314edf 100%));
$primary: var(--plover-theme-dashboard-primary, #2563eb);
$primary-active: var(--plover-theme-dashboard-primary-active, #3b82f6);
//$primary: var(--plover-theme-dashboard-primary, #2c5942);
//$primary-active: var(--plover-theme-dashboard-primary-active, #115e59);
$primary-50: var(--plover-theme-dashboard-primary-50, #ecfeff);
$border-color: var(--plover-theme-dashboard-border-color, #d4d4d8);
$neutral-400: var(--plover-theme-dashboard-neutral-400, #a1a1aa);
$neutral-300: var(--plover-theme-dashboard-neutral-300, #d4d4d8);
$neutral-200: var(--plover-theme-dashboard-neutral-200, #e4e4e7);
$neutral-100: var(--plover-theme-dashboard-neutral-100, #f4f4f5);
$neutral-50: var(--plover-theme-dashboard-neutral-50, #fafafa);
$neutral-0: var(--plover-theme-dashboard-neutral-0, #ffffff);
$spacing-sm: 12px;
$spacing: 24px;
$spacing-lg: 36px;
$spacing-x-lg: 48px;
$shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
$shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
$shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
$shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
$border-radius-sm: 4px;
$border-radius: 6px;
$border-radius-lg: 12px;
