/*
   Variables
   -----------------------------------------------------------------------------
*/

/* Page Layout */

$nav-size: 50px;
$nav-breakpoint: 800px;
$page-header-size: 66px;
$page-max-width: 1608px;
$page-gutter: 54px;
$page-title-size: 21px;
$page-title-weight: 400;
$sidebar--width: 50px; //delete this later

/* Z Variables */

$z--notifications: 9999;
$z--right-click-layer: 9995;
$z--overlays: 9990;
$z--drag-n-drop: 5000;
$z--dygraph-legend: 9993;

$z--cell-default: 1;
$z--cell-dragging: 3;
$z--cell-resizing: 3;
$z--cell-resizer: 5;
$z--cell-gradient-border: 1000;
$z--notes-portal: 9999;
$z--draggable-resizer-mask: 9999;

/* Motifs */

$radius: 4px;
$radius-small: 3px;
$page-wrapper-padding: 60px;
$page-wrapper-max-width: 1300px;
$chronograf-page-header-height: 60px;

$ix-marg-a: 4px;
$ix-marg-b: 8px;
$ix-marg-c: 16px;
$ix-marg-d: 32px;
$ix-marg-e: 64px;
$ix-marg-f: 128px;

$ix-border: 2px;
$ix-radius: 4px;
$ix-radius-sm: 3px;

/* Typography */

$ix-link-default: $c-pool;
$ix-link-default-hover: $c-laser;
$ix-link-success: $c-rainforest;
$ix-link-success-hover: $c-honeydew;
$ix-link-warning: $c-pineapple;
$ix-link-warning-hover: $c-thunder;
$ix-link-info: $c-star;
$ix-link-info-hover: $c-comet;
$ix-link-danger: $c-curacao;
$ix-link-danger-hover: $c-dreamsicle;

$ix-text-default: $g13-mist;
$ix-text-light: $g13-mist;
$ix-text-lighter: $g13-mist;
$ix-text-lightest: $g15-platinum;

$ix-text-font: 'Rubik', Helvetica, Arial, Tahoma, Verdana, sans-serif;
$ix-text-selection-bg: $c-pool;
$ix-text-selection-color: $g20-white;
$ix-text-scale: 1.19;
$ix-icon-font: 'icomoon';

$ix-text-tiny: 11px;
$ix-text-base: 12px;
$ix-text-base-1: (ceil($ix-text-base * $ix-text-scale));
$ix-text-base-2: (ceil($ix-text-base * $ix-text-scale * $ix-text-scale));
$ix-text-base-3: (
  ceil($ix-text-base * $ix-text-scale * $ix-text-scale * $ix-text-scale)
);
$ix-text-base-4: (
  ceil(
    $ix-text-base * $ix-text-scale * $ix-text-scale * $ix-text-scale *
      $ix-text-scale
  )
);
$ix-text-base-5: (
  ceil(
    $ix-text-base * $ix-text-scale * $ix-text-scale * $ix-text-scale *
      $ix-text-scale * $ix-text-scale
  )
);

/* Form Element Sizing */

$form-xs-height: 22px;
$form-xs-padding: 6px;
$form-xs-font: 11px;

$form-sm-height: 30px;
$form-sm-padding: 9px;
$form-sm-font: 12px;

$form-md-height: 38px;
$form-md-padding: 12px;
$form-md-font: 13px;

$form-lg-height: 46px;
$form-lg-padding: 15px;
$form-lg-font: 17px;

/* Empty State */
$empty-state-text: $g9-mountain;
$empty-state-highlight: $g13-mist;

/* Event Markers */
$event-marker-height: 20px;

/* Icon Formatting */
$icon-margin: 6px;
$icon-size-md: 70px;
