@use "~@wordpress/base-styles/colors" as wp;
@use "~@wordpress/base-styles/colors.native" as wp-native;

// Extract WordPress Core colors to our own variables
$gray-text-min: wp-native.$gray-text-min;

/**
 * WordPress Core colors current as of 5.5.1.
 */
$wp-border: #c3c4c7;

$wp-input-text: #32373c;
$wp-input-border: #949494;
$wp-input-border-2: #8c8f94;

$wp-alternate: #f9f9f9;
$wp-inactive: #999;

$wp-red-50: #d63638;
$wp-green-30: #00ba37;
$wp-green-50: #008a20;
$wp-yellow-50: #996800;
$warning: #f18200;

$wp-gray-0: wp-native.$gray-0;
$wp-gray-2: wp-native.$gray-100;
$wp-gray-5: #dcdcde;
$wp-gray-10: #c3c4c7;
$wp-gray-20: wp-native.$gray-20;
$wp-gray-40: wp-native.$gray-40;
$wp-gray-50: wp-native.$gray-50;
$wp-gray-60: wp-native.$gray-60;

$wp-gray-200: wp.$gray-200;
$wp-gray-600: wp.$gray-600;
$wp-gray-700: wp.$gray-700;
$wp-gray-900: wp.$gray-900;

$wp-blue-500: wp-native.$blue-500;

$medium-gray-placeholder: wp.$medium-gray-placeholder;

$alert-yellow: wp.$alert-yellow;
$alert-red: wp.$alert-red;
$alert-green: wp.$alert-green;

$dark-secondary: wp-native.$dark-secondary;

/**
 * Supplemental colors that WP Core Is Missing:
 */
$gray-800: #494949;

/**
 * Tooltip colors:
 */
$tooltip-text: #23282d;
$tooltip-shadow: 0px 8px 36px 0px rgba(29, 36, 40, 0.15);
$tooltip-icon: #7e8993;