//**********************************************************
// Variables
//----------------------------------------------------------
//
//**********************************************************
@use "sass:math";
@use "sass:meta";

// Prefix
$prefix:                    "" !default;

// Root
$root_cell:                 20px !default; // Respond 1rem
$cell:                      1rem !default; // Respond 20px
$rate_horizontal:           0.8 !default;
$rate_vertical:             0.8 !default;
$px:                        math.div($cell, stripUnit($root_cell));

// Grid
$grid_column:               12 !default;
$grid_width:                1200px !default;
$grid_gap:                  40px !default;
$grid_gap_half:             20px !default;
$grid_col_width:            math.div($grid_width, $grid_column);

// Layout
$layout_gap:                40px !default;
$layout_width_min:          360px !default;
$layout_width:              $grid_width + $layout_gap * 2;
$layout_rate:               math.div(100vw, $layout_width);

// Z-index
$zindex_dropdown:           1000 !default;
$zindex_sticky:             1100 !default;
$zindex_fixed:              1200 !default;
$zindex_offcanvas_backdrop: 1300 !default;
$zindex_offcanvas:          1400 !default;
$zindex_modal_backdrop:     1500 !default;
$zindex_modal:              1600 !default;
$zindex_popover:            1700 !default;
$zindex_tooltip:            1800 !default;
$zindex_toast:              1900 !default;
$zindex_debug:              2000 !default;

// Breakpoints
$list_breakpoints:          getListBreakpoints();
$list_breakpoints_buffer:   [];

// Commons
$list_sides:                top, bottom, left, right;
$list_cursors:              default, pointer, help, not-allowed;

// Fonts
$font_family_sans_serif:    Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Oxygen, Ubuntu, Cantarell, "Fira Sans",
                            "Droid Sans", "Helvetica Neue", sans-serif !default;
$font_family_monospace:     SFMono-Regular, source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace !default;

:root {
    --px:  #{$px};
    --bp:  #{$list_breakpoints};

    // Fonts
    --font-family-sans-serif: #{meta.inspect($font_family_sans_serif)};
    --font-family-monospace:  #{meta.inspect($font_family_monospace)};
}