@use './palette';
@use './space';

// This file is generated from elevation.json

$surface: 0;
$surface-sunken: -100;
$surface-raised: 200;
$surface-overlay: 500;
$corner-radius: 10px; // DEPRECATED
$corner-radius-default: 10px; // DEPRECATED
$corner-radius-small: 5px; // DEPRECATED
$corner-radius-large: 15px; // DEPRECATED
$corner-radius-max: 9999px; // DEPRECATED
$shadow: 0 0 4px 0 palette.$neutral-c220;
$shadow-pressed: 0 0 10px 0 #6666ff; // DEPRECATED
$shadow-large: 0 0 24px 0 palette.$neutral-c220;
$shadow-medium: 0 0 16px 0 palette.$neutral-c220;
$shadow-small: 0 0 8px 0 palette.$neutral-c220;
$shadow-active: 0 0 4px 0 palette.$primary-c170;
$shadow-alert: 0 0 4px 0 palette.$alert;
$shadow-warning: 0 0 4px 0 palette.$warning;
$shadow-success: 0 0 4px 0 palette.$success;
$shadow-disabled: 0 0 4px 0 palette.$disabled;
$shadow-discovery: 0 0 4px 0 palette.$discovery;
$shadow-overlay: 0 0 24px 0 palette.$neutral-c220;
$border: 1px solid #000000; // DEPRECATED
$border-width: 2px;
$border-width-medium: 2px; // DEPRECATED
$border-width-thick: 3px; // DEPRECATED
$border-width-thin: 0.5px; // DEPRECATED
$border-width-small: 1px;
$border-radius: space.$s100;
$border-radius-default: space.$s100; // DEPRECATED
$border-radius-medium: space.$s150;
$border-radius-large: space.$s200;
$border-radius-xlarge: space.$s300;
$border-radius-xxlarge: space.$s500;
$border-radius-max: space.$s2000;
$z-index: 1; // DEPRECATED
$z-index-max: 2147483647; // DEPRECATED