/**
 * This file contains the default theme definitions for the admin interface.
 * Please put mostly SCSS variable definitions in here,
 * and leave the actual styling to _style.scss and auxilliary files.
 */

/** -----------------------------------------------
 * Colours
 * ------------------------------------------------ */
$color-base: #b0bec7;
$color-widget-bg: lighten($color-base, 20%);

$color-dark-bg: #003050;
$color-dark-separator: #19435c;
$color-medium-separator: #808080;
$color-light-separator: rgba(201, 205, 206, 0.8);

$color-tab: #d9d9d9;

$color-shadow-light: rgba(201, 205, 206, 0.8);
$color-shadow-dark: rgba(107, 120, 123, 0.5);

$color-highlight: #FFFF66;
$color-highlight-opacity: rgba(255, 255, 102, 0.3);

$color-menu-button: #338DC1;
$color-menu-background: #c6d7df;
$color-menu-border: #8c99a1;

$color-text: #444;
$color-text-light: white;
$color-text-light-link: white;
$color-text-dark: #1f1f1f;
$color-text-dark-link: #3EBAE0;
$color-text-blue-link:#1556B2;

$color-button-generic: #e6e6e6;
$color-button-generic-border: #c0c0c2;

$color-button-highlight: #e6e6e6;
$color-button-highlight-border: #708284;

$color-button-constructive: #669933;
$color-button-constructive-border: #78a127;

$color-button-destructive: #f00;

$color-button-disabled: #eeeded;

$color-warning: #FF9300;
$color-error: #FF9300;
$color-notice: #FF9300;

$color-cms-batchactions-menu-background: #f5f5f5;
$color-cms-batchactions-menu-selected-background: #efe999;

/** -----------------------------------------------
 * Textures
 * ----------------------------------------------- */
$tab-panel-texture-color: #f0f3f4;
$tab-panel-texture-background: $tab-panel-texture-color url(../images/textures/bg_cms_main_content.png) repeat top left;

/** -----------------------------------------------
 * Typography. 
 * ------------------------------------------------ */
$font-family: Arial, sans-serif;
$font-base-size: 12px;

/** -----------------------------------------------
 * Grid Units (px)
 * 
 * We have a vertical rhythm that the grid is based off
 * both vertical and horizontal. All internal padding and
 * margins are scaled to this and accounting for paragraphs
 * ------------------------------------------------ */
$grid-vertical: 8px;
$grid-horizontal: 8px;

/** -----------------------------------------------
 * Application Logo (CMS Logo) Must be 24px x 24px
 * ------------------------------------------------ */
$application-logo-small: image-url("logo_small.png");