@use "sass:meta";

$config-brand: 'croma' !default;
$config-resources-path: '@circutor/ui/resources' !default;
$config-icons: 'v1' !default;

////---------------------------------------------------------

$brand-light-foreground: #20262C;
$brand-light-background: #FAFAFB;
$brand-light-accent-primary: #E4774C;

$brand-dark-foreground: #dbdfe0;
$brand-dark-background: #1f2020;
$brand-dark-accent-primary: #FFA750;

$brand-typography-400-path: $config-resources-path + '/fonts/Inter-Regular.ttf';
$brand-typography-400-format: 'truetype';
$brand-typography-700-path: $config-resources-path + '/fonts/Inter-Bold.ttf';
$brand-typography-700-format: 'truetype';

$brand-size-factor: 1;

/*$brand-icons-path-woff: $config-resources-path + '/icons/CDSIcons.woff';
$brand-icons-path-eot: $config-resources-path + '/icons/CDSIcons.eot';
$brand-icons-path-ttf: $config-resources-path + '/icons/CDSIcons.ttf';
$brand-icons-path-svg: $config-resources-path + '/icons/CDSIcons.svg';*/

$brand-style-border-radius: '' !default;

@if $config-brand =='circutor' {
    $brand-light-foreground: #20262C;
    $brand-light-background: #FAFAFB;
    $brand-light-accent-primary: #E40040;

    $brand-dark-foreground: #dbdfe0;
    $brand-dark-background: #1f2020;
    $brand-dark-accent-primary: #ea2657;

    $brand-typography-400-path: $config-resources-path + '/fonts/NettoPro-Regular.otf';
    $brand-typography-400-format: 'opentype';
    $brand-typography-700-path: $config-resources-path + '/fonts/NettoPro-Bold.otf';
    $brand-typography-700-format: 'opentype';
    $brand-style-border-radius: if($brand-style-border-radius =='', 'pill', $brand-style-border-radius);
    $brand-size-factor: 1.02;
}

@else if $config-brand =='circontrol' {
    $brand-light-foreground: #20262C;
    $brand-light-background: #FAFAFB;
    $brand-light-accent-primary: #007BC4;

    $brand-dark-foreground: #dbdfe0;
    $brand-dark-background: #1f2020;
    $brand-dark-accent-primary: #6cbde9;

    $brand-typography-400-path: $config-resources-path + '/fonts/Poppins-Regular.ttf';
    $brand-typography-400-format: 'truetype';
    $brand-typography-700-path: $config-resources-path + '/fonts/Poppins-Bold.ttf';
    $brand-typography-700-format: 'truetype';

    $brand-style-border-radius: if($brand-style-border-radius =='', 'soft', $brand-style-border-radius);
    $brand-size-factor: .95;
}

//$brand-style-border-radius: if(meta.global-variable-exists("brand-style-border-radius"), 'soft', 'pill');
