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

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

        --sk-background: $sk-background,
        --sk-background-diap: $sk-background-diap,
        --sk-border-color: $sk-border-color,
        --sk-border: $sk-border,
        --sk-border-radius: $sk-border-radius,
        --sk-box-shadow: $sk-box-shadow,

        --sk-margin: $sk-margin,
        --sk-margin-sm: $sk-margin-sm,
        --sk-margin-md: $sk-margin-md,
        --sk-margin-lg: $sk-margin-lg,
        --sk-margin-xl: $sk-margin-xl,
        --sk-padding: $sk-padding,
        --sk-padding-sm: $sk-padding-sm,
        --sk-padding-md: $sk-padding-md,
        --sk-padding-lg: $sk-padding-lg,
        --sk-padding-xl: $sk-padding-xl,
));