@import "./css-vars/css-vars";
$css-vars-use-native: true;

// theme: css variables
@include css-vars((
        --ema-color: $ema-color,
        --ema-primary: $ema-primary,
        --ema-secondary: $ema-secondary,
        --ema-success: $ema-success,
        --ema-info: $ema-info,
        --ema-warning: $ema-warning,
        --ema-danger: $ema-danger,
        --ema-light: $ema-light,
        --ema-dark: $ema-dark,

        --ema-background: $ema-background,
        --ema-background-light: $ema-background-light,
        --ema-background-dark: $ema-background-dark,
        --ema-background-diap: $ema-background-diap,
        --ema-border-color: $ema-border-color,
        --ema-border: $ema-border,
        --ema-border-radius: $ema-border-radius,
        --ema-box-shadow: $ema-box-shadow,

        --ema-margin: $ema-margin,
        --ema-margin-sm: $ema-margin-sm,
        --ema-margin-md: $ema-margin-md,
        --ema-margin-lg: $ema-margin-lg,
        --ema-margin-xl: $ema-margin-xl,
        --ema-padding: $ema-padding,
        --ema-padding-sm: $ema-padding-sm,
        --ema-padding-md: $ema-padding-md,
        --ema-padding-lg: $ema-padding-lg,
        --ema-padding-xl: $ema-padding-xl,

        --ema-gray-100: #f8f9fa,
        --ema-gray-200: #e9ecef,
        --ema-gray-300: #dee2e6,
        --ema-gray-400: #ced4da,
        --ema-gray-500: #adb5bd,
        --ema-gray-600: #868e96,
        --ema-gray-700: #495057,
        --ema-gray-800: #343a40,
        --ema-gray-900: #212529,
));
