// When color definition differs for dark and light variant,
// it gets @if ed depending on $variant

@import 'color-palette';
$blue:                                  #4285F4;
$green:                                 #34A853;
$yellow:                                #FBBC05;
$red:                                   #EA4335;

@function gtkalpha($c, $a) {
  @return unquote("alpha(#{$c}, #{$a})");
}

// Foreground colors
$text-on-light:                         rgba(black, 0.87);
$text-on-dark:                          white;

$text:                                  if($variant == 'light', rgba(black, 0.87), white);
$text-secondary:                        if($variant == 'light', rgba(black, 0.54), rgba(white, 0.7));
$text-disabled:                         if($variant == 'light', rgba(black, 0.38), rgba(white, 0.5));
$text-secondary-disabled:               if($variant == 'light', rgba(black, 0.26), rgba(white, 0.3));
$track:                                 if($variant == 'light', rgba(black, 0.26), rgba(white, 0.3));
$divider:                               if($variant == 'light', rgba(black, 0.12), rgba(white, 0.12));
$fill:                                  if($variant == 'light', rgba(black, 0.04), rgba(white, 0.04));

$titlebar-text:                         if($topbar == 'light', rgba(black, 0.87), white);
$titlebar-text-secondary:               if($topbar == 'light', rgba(black, 0.54), rgba(white, 0.7));
$titlebar-text-disabled:                if($topbar == 'light', rgba(black, 0.38), rgba(white, 0.5));
$titlebar-text-secondary-disabled:      if($topbar == 'light', rgba(black, 0.26), rgba(white, 0.3));
$titlebar-track:                        if($topbar == 'light', rgba(black, 0.26), rgba(white, 0.3));
$titlebar-divider:                      if($topbar == 'light', rgba(black, 0.12), rgba(white, 0.12));
$titlebar-fill:                         if($topbar == 'light', rgba(black, 0.04), rgba(white, 0.04));

$inverse-text:                          white;
$inverse-text-secondary:                rgba(white, 0.7);
$inverse-text-disabled:                 rgba(white, 0.5);
$inverse-text-secondary-disabled:       rgba(white, 0.3);
$inverse-track:                         rgba(white, 0.3);
$inverse-divider:                       rgba(white, 0.12);
$inverse-fill:                          rgba(white, 0.04);

// Background colors
$background:                            if($variant == 'light', #F2F2F2, #282828);
$base:                                  if($variant == 'light', #FFFFFF, #303030);
$base-alt:                              if($variant == 'light', #FAFAFA, #2C2C2C);
$surface:                               if($variant == 'light', #FFFFFF, #424242);

$titlebar:                              if($topbar == 'dark', #383838, #E0E0E0);

$scrim:                                 rgba(black, 0.6);
$scrim-alt:                             rgba(black, 0.3);
$scrim-inverse:                         rgba(white, 0.1);
$panel:                                 if($topbar == 'dark', #212121, $scrim);
$panel-solid:                           if($topbar == 'dark', #212121, #CBCBCB); // for Unity panel which cannot use translucent colors

$os-background:                         #303030;

$overlay-hover:                         gtkalpha(currentColor, 0.08);
$overlay-focus:                         gtkalpha(currentColor, 0.12);
$overlay-focus-hover:                   gtkalpha(currentColor, 0.16);
$overlay-active:                        gtkalpha(currentColor, 0.12);
$overlay-checked:                       gtkalpha(currentColor, 0.24);

// Misc colors
$primary:                               $blue;
$primary-alt:                           #7BAAF7;
$overlay-selected:                      rgba($primary, 0.32);

$link:                                  $primary;
$link-visited:                          $purple-a200;

$warning:                               $yellow;
$error:                                 $red;
$success:                               $green;

$suggested:                             $primary;
$destructive:                           $red;

$infobar-info:                          $green;
$infobar-question:                      $blue;
$infobar-warning:                       $yellow;
$infobar-error:                         $red;

$tooltip:                               rgba(#616161, 0.9);
$tooltip-text:                          white;

$border:                                if($variant == 'light', rgba(black, 0.12), rgba(black, 0.26));
$border-alt:                            rgba(black, 0.26); // for non-native GTK+ apps (e.g. Firefox and Chrome)
$highlight:                             if($variant == 'light', rgba(white, 0.4),  rgba(white, 0.1));
$highlight-titlebar:                    if($topbar == 'dark', rgba(white, 0.1),  rgba(white, 0.4));
$highlight-alt:                         rgba(white, 0.2); // for selection-mode headerbar which colored with $primary
$titlebar-indicator:                    if($topbar == 'dark', currentColor, $primary);

// FIXME: Electron/Atom menu does not allow translucent colors
$solid-text:                            if($variant == 'light', $grey-900, $white);
$solid-text-secondary:                  if($variant == 'light', $grey-600, mix($white, $surface, percentage(0.7)));
$solid-text-disabled:                   if($variant == 'light', $grey-500, mix($white, $surface, percentage(0.5)));
$solid-divider:                         if($variant == 'light', $grey-300, mix($white, $surface, percentage(0.12)));

// FIXME: gtk @placeholder_text_color does not allow translucent colors
$placeholder_text_color:                if($variant == 'light', $grey-600, mix($white, $base, percentage(0.7)));