//COLORS
$color-neutrals: (
  "foreground":           #0a0a0a,
  "foreground-secondary": #696969, //ændret fra 6e6e6e for at opnå bedre kontrast til background-secondary - L = 0,0250705622228918, 0,0750705622228918 vs. 0,0021811741916774, 0,0521811741916774
  "foreground-disabled":  #b5b5b5,
  "background":           #fefefe,
  "background-secondary": #eaeaea,
  "interactive":          #d4d4d4,
  "border":               #9e9e9e,
  "shadow":               #000000,
);

$color-utillities: (
  "confirm":   #07ac07,
  "attention": #ffa620,
  "warning":   #ff2222,
  "focus":     #229bfc,
);

$color-brands: (
  "blue":       #003d73,
  "cyan":       #37a0cb,
  "turquoise":  #00aba4,
  "green":      #8bad3f,
  "yellow":     #fabb00,
  "orange":     #ee7f00,
  "red":        #e2001a,
  "magenta":    #e2007a,
  "purple":     #655a9f,
);

$color-default-brand: "blue";
$color-foreground-min-ratio: 4.5;

//SCALES

$scales: (
  default: (
    bp: 0,
    font-base: 1rem, //16px
    font-ratio: 1.2, //5:6 minor third
    spacing-ratio: 1.414, //1:squareroot2
    side-padding: -1,
  ),
  medium: (
    bp: 30rem, //480px
    font-base: 1.0625rem, //17px
    font-ratio: 1.26,
    spacing-ratio: 1.5, //2:3 perfect fifth
    side-padding: 0,
  ),
  wide: (
    bp: 60rem, //960px
    font-base: 1.125rem, //18px
    font-ratio: 1.36,
    spacing-ratio: 1.6, //5:8 minor sixth
    side-padding: 0,
  ),
);

$size-rem: 1em;
$breakpoint-low-height: 28rem;


//FONT-SETTINGS
$font-string: 'AU Passata', sans-serif;
$font-size-min: .8125rem; //13px
$font-size-num: 5;
$font-size-offset-default-size: 2;

$line-height-scaleable-part: 1.1em;
$line-height-single-fixed-part: .3rem;
$line-height-multiple-fixed-part: .7rem;
$line-width-max: 35em;

$font-weight-light: 200;
$font-weight-normal: 400;
$font-weight-bold: 700;
$font-style-italic: oblique;


//SHADOW
$shadow-y-front: .2rem;
$shadow-y-center: .1rem;
$shadow-y-back: .05rem;
$shadow-blur-front: .6rem;
$shadow-blur-center: .3rem;
$shadow-blur-back: .2rem;
$shadow-style-front: 0 $shadow-y-front $shadow-blur-front 0;
$shadow-style-center: 0 $shadow-y-center $shadow-blur-center 0;
$shadow-style-back: 0 $shadow-y-back $shadow-blur-back 0;
$shadow-opacity: .4;
$shadow-opacity-dark-mode: 1;


//OVERLAYS
$overlay-blur: .2rem;
$overlay-opacity: .6;
$overlay-opacity-dark-mode: .7;


//SPACING
$spacing-font-size-origin: 3;
$spacing-min: .3125rem; //5px
$spacing-num: 8;
$spacing-offset-default-size: 6;


//SIZES
$width-border: 2px;
$width-border-slim: 1px;
$outline-width: $width-border;
$outline-offset: 1px;


//EASINGS
//EaseXXXCirc from https://easings.net
// $easing-in: cubic-bezier(0.55, 0.055, 0.675, 0.19);
// $easing-out: cubic-bezier(0.215, 0.61, 0.355, 1);
// $easing-in-out: cubic-bezier(0.645, 0.045, 0.355, 1);
$easing-in: ease-in;
$easing-out: ease-out;
$easing-in-out: ease-in-out;