@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(#dc8a78, $is-dark),
        'flamingo':   c.variants(#dd7878, $is-dark),
        'pink':       c.variants(#ea76cb, $is-dark),
        'mauve':      c.variants($brand, $is-dark),
        'red':        c.variants(#d20f39, $is-dark),
        'maroon':     c.variants(#e64553, $is-dark),
        'peach':      c.variants(#fe640b, $is-dark),
        'yellow':     c.variants(#df8e1d, $is-dark),
        'green':      c.variants($brand, $is-dark),
        'dark-green': c.variants(#11752d, $is-dark),
        'teal':       c.variants(#179299, $is-dark),
        'sky':        c.variants(#04a5e5, $is-dark),
        'sapphire':   c.variants(#209fb5, $is-dark),
        'blue':       c.variants(#1e66f5, $is-dark),
        'lavender':   c.variants(#7287fd, $is-dark),
        'black':      c.variants(#181825, $is-dark),
        'white':      c.variants(#fff4f7, $is-dark),
    ),    
    text: #190f11,
    primary: c.variants($brand, $is-dark),
    secondary: c.variants(#e6859b, $is-dark),
    elevation: (
        '1': #ffdfe6,  // crust
        '2': #ffeaee,  // mantle
        '3': #fff4f7,  // base
        '4': #e6859b,  // surface0
        '5': #cc768a,  // surface1
        '6': #b36878,  // surface2
        '7': #995967,  // overlay0
        '8': #804a56,  // overlay1
        '9': #663b45,  // overlay2
        '10': #4c2c34, // subtext0
        '11': #331e22, // subtext1
        '12': #190f11, // 
    )
);

// 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,
);