@use '@lucas-labs/lui-micro' as lui;
@use './utils/color-utils' as c;
@use './theme' as theme;

$is-dark: true;

$brand: #ff6688;

$colors: (
    theme: (
        'rosewater':  c.variants(#f5e0dc, $is-dark),
        'flamingo':   c.variants(#f2cdcd, $is-dark),
        'pink':       c.variants(#f5c2e7, $is-dark),
        'mauve':      c.variants($brand, $is-dark),
        'red':        c.variants(#f38ba8, $is-dark),
        'maroon':     c.variants(#eba0ac, $is-dark),
        'peach':      c.variants(#fab387, $is-dark),
        'yellow':     c.variants(#f9e2af, $is-dark),
        'green':      c.variants($brand, $is-dark),
        'dark-green': c.variants(#00E676, $is-dark),
        'teal':       c.variants(#94e2d5, $is-dark),
        'sky':        c.variants(#89dceb, $is-dark),
        'sapphire':   c.variants(#74c7ec, $is-dark),
        'blue':       c.variants(#89b4fa, $is-dark),
        'lavender':   c.variants(#b4befe, $is-dark),
        'black':      c.variants(#181825, $is-dark),
        'white':      c.variants(#fff4f7, $is-dark),
    ),    
    text: #fff4f7,
    primary: c.variants($brand, $is-dark),
    secondary: c.variants(#e6859b, $is-dark),
    elevation: (
        '1': #000000,  // crust
        '2': #040407,  // mantle
        '3': #190f11,  // base
        '4': #331e22,  // surface0
        '5': #4c2c34,  // surface1
        '6': #663b45,  // surface2
        '7': #804a56,  // overlay0
        '8': #995967,  // overlay1
        '9': #b36878,  // overlay2
        '10': #cc768a, // subtext0
        '11': #e6859b, // subtext1
        '12': #ffdfe6, // 
    )
);

// init lui-micro, css-vars only (no reboot, no basic)
@include lui.init(
    $theme: (
        colors: $colors,
        variables: (
            'base-font-size': 14px,
            'font-family': '"Outfit", Inter, Roboto, sans-serif',
            'code-font-family': '"Source Code Pro", "Roboto Mono", Consolas, monospace',
            'measure': (
                '.25x': 4px,
                '.5x': 8px,
                '1x': 16px,
                '1.25x': 20px,
                '1.5x': 24px,
                '2x': 32px,
                '3x': 48px,
                '4x': 64px,
            ),
            'repo-home': (
                'sidebar-width': 296px,
            )
        ),
    ),
    
    $options: (
        reboot: false,
        basic: false,
        fg-var-name: 'text',
        bg-var-name: 'elevation/1',
    ),
);

@include theme.make-theme(
    $is-dark: $is-dark,
);