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

// Theme colors
$o-theme-color-palettes: map-merge($o-theme-color-palettes,
    (
        'graphene-1': (
            'alpha': #3975a1,
            'beta': #a9c9e0,
            'gamma': #60575A,
            'delta': #ffffff,
            'epsilon': #000000,

            'success': #1b8433,
            'warning': #e4b013,
        ),
        'graphene-2': (
            'alpha': #54787D,
            'beta': #6B9997,
            'gamma': #615145,
            'delta': #C6CCA5,
            'epsilon': #412342,

            'success': #5CB85C,
            'info': #4D68A3,
            'warning': #DDC66B,
            'danger': #D86060,
        ),
        'graphene-3': (
            'alpha': #456F74,
            'beta': #EB5937,
            'gamma': #403D3C,
            'delta': #1C1919,
            'epsilon': #D3CBBD,

            'success': #31B05E,
            'info': #4D68A3,
            'warning': #EACF41,
            'danger': #CB3E3E,
        ),
        'graphene-4': (
            'alpha': #23C59E,
            'beta': #FF5B5B,
            'gamma': #FFE9C7,
            'delta': #545445,
            'epsilon': #2D2D36,

            'success': #5CB85C,
        ),
    )
);

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

$o-theme-h1-font-size-multiplier: (62 / 16);
$o-theme-h2-font-size-multiplier: (48 / 16);
$o-theme-h3-font-size-multiplier: (36 / 16);
$o-theme-h4-font-size-multiplier: (28 / 16);
$o-theme-h5-font-size-multiplier: (24 / 16);
$o-theme-h6-font-size-multiplier: (20 / 16);

$o-theme-font-configs: (
    'Assistant': (
        'family': ('Assistant', sans-serif),
        'url': 'Assistant:300,300i,400,400i,700,700i',
    ),
    'Abel': (
        'family': ('Abel', sans-serif),
        'url': 'Abel:300,300i,400,400i,700,700i',
    ),
    'Cinzel': (
        'family': ('Cinzel', serif),
        'url': 'Cinzel:300,300i,400,400i,700,700i',
    ),
    'Old Standard TT': (
        'family': ('Old Standard TT', serif),
        'url': 'Old+Standard+TT:300,300i,400,400i,700,700i',
    ),
    'Source Sans Pro': (
        'family': ('Source Sans Pro', sans-serif),
        'url': 'Source+Sans+Pro:300,300i,400,400i,700,700i',
    ),
);


//------------------------------------------------------------------------------
// Website customizations
//------------------------------------------------------------------------------

$o-website-values-palettes: (
    (
        'color-palettes-name': 'graphene-1',

        'font-size-base': 1rem,
        
        'font': 'Source Sans Pro',
        'headings-font': 'Assistant',
        'navbar-font': 'Source Sans Pro',
        'buttons-font': 'Source Sans Pro',

        'btn-ripple': true,
        'layout': 'boxed',
        'header-template': 'Contact',
        'footer-template': 'centered',

        'btn-font-size-lg': 1rem,
        'btn-padding-y-lg': .6rem,
        'btn-padding-x-lg': 2.2rem,
        'btn-border-radius-lg': 2px,
    ),
);

$o-selected-color-palettes-names: append($o-selected-color-palettes-names, 'graphene-1');

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

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

$o-bg-shapes: change-shape-colors-mapping('web_editor', 'Origins/02_001', (4: 2, 5: rgba(0, 0, 0, 0)));
$o-bg-shapes: add-extra-shape-colors-mapping('web_editor', 'Origins/02_001', 'second', (4: 2, 5: rgba(0, 0, 0, 0)));
$o-bg-shapes: change-shape-colors-mapping('web_editor', 'Origins/06_001', (3: 2));
$o-bg-shapes: change-shape-colors-mapping('web_editor', 'Zigs/01_001', (2: 4));