@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(#e6edf3, $is-dark),
    ),    
    text: #4c4f69,
    primary: c.variants($brand, $is-dark),
    secondary: c.variants(#5d5f7a, $is-dark),
    elevation: (
        '1': #dce0e8,  // crust
        '2': #e6e9ef,  // mantle
        '3': #eff1f5,  // base
        '4': #ccd0da,  // surface0
        '5': #bcc0cc,  // surface1
        '6': #acb0be,  // surface2
        '7': #9ca0b0,  // overlay0
        '8': #8c8fa1,  // overlay1
        '9': #7c7f93,  // overlay2
        '10': #6c6f85, // subtext0
        '11': #5c5f77, // subtext1
        '12': #4c4f69, // 
    )
);

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