// Colors
$white: #fff;
$black: #000;

// gray color
$gray-100: #f0f0f0;
$gray-200: #e0e0e0;
$gray-300: #dddddd;
$gray-400: #cccccc;
$gray-600: #949494;
$gray-700: #757575;
$gray-800: #2f2f2f;
$gray-900: #1e1e1e;

// theme color
$color-theme: #3858E9;
$color-theme-darker-10: #2145E6;
$color-theme-darker-20: #183AD6;
$color-theme-alpha-04: rgba(56,88,233,4%);
$color-theme-alpha-08: rgba(56,88,233,8%);

// alert color
$alert-yellow: #F0B849;
$alert-red: #CC1818;
$alert-green: #4AB866;

$wp-block-synced-color: #7A00DF;

// Typography
$font-family-headings: -apple-system, "system-ui", "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
$font-family-body:-apple-system, "system-ui", "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
$font-family-mono: Menlo, Consolas, monaco, monospace;;

// font size
$font-size-x-small: 11px;
$font-size-small: 12px;
$font-size-medium: 13px;
$font-size-large: 15px;
$font-size-x-large: 20px;
$font-size-2x-large: 32px;

// line height
$font-line-height-x-small: 16px;
$font-line-height-small: 20px;
$font-line-height-medium: 24px;
$font-line-height-large: 28px;
$font-line-height-x-large: 32px;
$font-line-height-2x-large: 40px;

// weight
$font-weight-regular: 400;
$font-weight-medium: 500;


// Layout
$sidebar-width: 180px;
$spacing-base: 8px;
$spacing-medium: 16px;
$spacing-large: 20px;

// Transitions
$transition-duration: 0.3s;
$transition-timing: ease;

// spacing
$grid-unit-05: 4px;
$grid-unit-10: 8px;
$grid-unit-15: 12px;
$grid-unit-20: 16px;
$grid-unit-30: 24px;
$grid-unit-40: 32px;
$grid-unit-50: 40px;
$grid-unit-60: 48px;
$grid-unit-70: 56px;

// radius
$radius-x-small: 1px;
$radius-small: 2px;
$radius-medium: 4px;
$radius-large: 8px;
$radius-full: 999px;
$radius-round: 100%;