//------------------------------------------------------------------------------
// Presets
//------------------------------------------------------------------------------

$o-website-values-palettes: (
    (
        'color-palettes-name':              'default-28',

        // Header
        'logo-height':                      2.75rem,
        'fixed-logo-height':                2rem,

        // Font
        'font':                             'Poppins',

        // Buttons
        'btn-padding-y':                    .45rem,
        'btn-padding-x':                    1.35rem,
        'btn-padding-y-sm':                 .3rem,
        'btn-padding-x-sm':                 .9rem,
        'btn-padding-y-lg':                 .6rem,
        'btn-padding-x-lg':                 1.8rem,
        'btn-border-radius':                10rem,
        'btn-border-radius-sm':             10rem,
        'btn-border-radius-lg':             10rem,
        'btn-ripple':                       true,

        'input-padding-y':                  .45rem,
        'input-padding-y-sm':               .3rem,
        'input-padding-y-lg':               .6rem,

        // Footer
        'footer-template':                  'contact',
        'footer-effect':                    'slideout_slide_hover',
        'footer-scrolltop':                 true,
    ),
);

$default-28: map-get($o-color-palettes, 'default-28');
$default-28: map-merge($default-28, ('footer': 5));
$o-color-palettes: map-merge($o-color-palettes, ('default-28': $default-28));

//------------------------------------------------------------------------------
// Fonts
//------------------------------------------------------------------------------


$o-theme-font-configs: (
    'Abel': (
        'family': ('Abel', sans-serif),
        'url': 'Abel:300,300i,400,400i,700,700i',
        'properties': (
            'base': (
                'font-size-base':           (18 / 16) * 1rem,
                'header-font-size':         (18 / 16) * 1rem,
            ),
        )
    ),
    'Dosis': (
        'family': ('Dosis', sans-serif),
        'url': 'Dosis:300,300i,400,400i,700,700i',
        'properties': (
            'base': (
                'font-size-base':           (18 / 16) * 1rem,
                'header-font-size':         (18 / 16) * 1rem,
            ),
        )
    ),
    'Karla': (
        'family': ('Karla', sans-serif),
        'url': 'Karla:300,300i,400,400i,700,700i',
    ),
    'Laila': (
        'family': ('Laila', serif),
        'url': 'Laila:300,300i,400,400i,600,600i',
    ),
    'Lato': (
        'family': ('Lato', sans-serif),
        'url': 'Lato:300,300i,400,400i,700,700i',
    ),
    'Poppins': (
        'family': ('Poppins', sans-serif),
        'url': 'Poppins:300,300i,400,400i,600,600i',
        'properties': (
            'base': (
                'font-size-base':           (15 / 16) * 1rem,
                'header-font-size':         (15 / 16) * 1rem,
            ),
        )
    ),
    'Raleway': (
        'family': ('Raleway', sans-serif),
        'url': 'Raleway:300,300i,400,400i,700,700i',
    ),
);

// Headings

$o-theme-headings-font-weight:              400;

// Texts

$o-theme-font-size-lg-multiplier:           1.25;
$o-theme-font-size-sm-multiplier:           .875;

$o-theme-font-weight-light:                 300;
$o-theme-font-weight-normal:                400;
$o-theme-font-weight-bold:                  700;

// Buttons

$o-theme-btn-font-weight:                   400;

//------------------------------------------------------------------------------
// Colors
//------------------------------------------------------------------------------

// Compatibility
$o-theme-color-palettes: map-merge($o-theme-color-palettes,
    (
        'treehouse-1': (
            'alpha':                        #68b581,
            'beta':                         #00a388,
            'gamma':                        #046380,
            'delta':                        #4bb5c1,
            'epsilon':                      #beeb9f,
        ),
        'treehouse-2': (
            'alpha':                        #a3cc52,
            'beta':                         #cc4452,
            'gamma':                        #8e3557,
            'delta':                        #f7f2b2,
            'epsilon':                      #4a1a2c,
        ),
        'treehouse-3': (
            'alpha':                        #eebf3e,
            'beta':                         #e2ad3b,
            'gamma':                        #bf5c00,
            'delta':                        #77c4d3,
            'epsilon':                      #901811,
        ),
        'treehouse-4': (
            'alpha':                        #0092b2,
            'beta':                         #046380,
            'gamma':                        #a8c545,
            'delta':                        #fff6c5,
            'epsilon':                      #ffd55c,
        ),
        'treehouse-5': (
            'alpha':                        #dd7e43,
            'beta':                         #d45c45,
            'gamma':                        #911146,
            'delta':                        #9cc264,
            'epsilon':                      #306e73,
        ),
        'treehouse-6': (
            'alpha':                        #b7ca79,
            'beta':                         #677e52,
            'gamma':                        #b0cc99,
            'delta':                        #89725b,
            'epsilon':                      #f6e8b1,
        ),
    )
);

$o-color-palettes-compatibility-indexes: (
    1: 'treehouse-1',
    2: 'treehouse-2',
    3: 'treehouse-3',
    4: 'treehouse-4',
    5: 'treehouse-5',
    6: 'treehouse-6',
    7: 'generic-1',
    8: 'generic-2',
    9: 'generic-3',
    10: 'generic-4',
    11: 'generic-5',
    12: 'generic-6',
    13: 'generic-7',
    14: 'generic-8',
    15: 'generic-9',
    16: 'generic-10',
    17: 'generic-11',
    18: 'generic-12',
    19: 'generic-13',
    20: 'generic-14',
    21: 'generic-15',
    22: 'generic-16',
    23: 'generic-17',
);

//------------------------------------------------------------------------------
// Shapes
//------------------------------------------------------------------------------

$o-bg-shapes: change-shape-colors-mapping('html_builder', 'Rainy/08_001', (1: 1, 4: 1));
$o-bg-shapes: change-shape-colors-mapping('html_builder', 'Floats/12', (1: 2, 2: 2, 3: 2, 5: 2));