@import "drac";

// Misc.
  $misc: (
    max-spotlights:   10,
    max-features:   10,
    z-index-base:   10000
  );

// Duration.
  $duration: (
    transitions:    0.2s,
    menu:       0.5s,
    fadein:       3s
  );

// Size.
  $size: (
    element-height:   2.75em,
    element-margin:   2em,
    letter-spacing:   0,
    letter-spacing-alt: 0.1em
  );

// Font.
  $font: (
    family:           (-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif),
    family-fixed:     (SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace),
    weight:           400,
    weight-bold:      600,
    weight-extrabold: 800
  );

// Palette.
  $palette: (
    bg:         $background,
    fg:         $foreground,
    fg-bold:      $foreground,
    fg-light:     rgba($foreground, 0.5),
    border:       $foreground,
    border-bg:      rgba(144,144,144,0.25),
    border2:      $foreground,
    border2-bg:     rgba(144,144,144,0.5),

    accent1: (
      bg:       $pink,
      fg-bold:    #ffffff,
      fg:       mix($pink, #ffffff, 25%),
      fg-light:   mix($pink, #ffffff, 40%),
      border:     rgba(0,0,0,0.125),
      border-bg:    rgba(255,255,255,0.075),
      border2:    rgba(0,0,0,0.25),
      border2-bg:   rgba(255,255,255,0.2)
    ),

    accent2: (
      bg:       #ffffff,
      fg-bold:    #41505E,
      fg:       #4E4852,
      fg-light:   #8E8892,
      border:     #dfdfdf,
      border-bg:    rgba(0,0,0,0.0375),
      border2:    #bfbfbf,
      border2-bg:   rgba(0,0,0,0.1)
    ),

    accent3: (
      bg:       $red,
      fg-bold:    $foreground,
      fg:       #282a36,//mix($nord11, #ffffff, 25%),
      fg-light:   #282a36,
      border:     rgba(0,0,0,0.125),
      border-bg:    rgba(255,255,255,0.075),
      border2:    rgba(0,0,0,0.25),
      border2-bg:   rgba(255,255,255,0.2)
    ),

    accent4: (
      bg:       mix(#44475a, #000, 50%),
      fg-bold:    $foreground,
      fg:       $dark-foreground,
      fg-light:   $dark-foreground,
      border:     rgba(0,0,0,0.125),
      border-bg:    rgba(255,255,255,0.075),
      border2:    rgba(0,0,0,0.25),
      border2-bg:   rgba(255,255,255,0.2)
    ),

    accent5: (
      bg:       #e2e2e2,
      fg-bold:    #ffffff,
      fg:       mix($pink, #ffffff, 25%),
      fg-light:   mix($pink, #ffffff, 40%),
      border:     rgba(0,0,0,0.125),
      border-bg:    rgba(255,255,255,0.075),
      border2:    rgba(0,0,0,0.25),
      border2-bg:   rgba(255,255,255,0.2)
    ),
  );