/** 
 * The Absolution Theme is based on 
 * Absolution by Michael Vanderheeren
 * Copyright (c) 2010 Michael Vanderheeren
 * 
 * Please follow the his Github project to stay up to date on that theme:
 * https://github.com/michaelvanderheeren/Absolution
 */
@import "compass/css3/border-radius";
@import "compass/css3/images";
@import "compass/css3/opacity";
@import "compass/css3/box-shadow";
@import "compass/css3/text-shadow";

@import "compass-ui";
@import "absolution/progressbar";
@import "absolution/dialog";
@import "absolution/accordion";
@import "absolution/autocomplete";
@import "absolution/datepicker";
@import "absolution/slider";
@import "absolution/tabs";

// Theme mixin that calls the relevant jQuery and theme 
// mixins when appropriate. 
@mixin absolution-theme {
  @include jquery-ui-theme;
  @include absolution-dialog;
  @include absolution-progressbar;
  @include absolution-accordion;
  @include absolution-autocomplete;
  @include absolution-datepicker;
  @include absolution-slider;
  @include absolution-tabs;
}

// Default Radius
$ui-border-radius: 5px;

// Default Fonts
$ui-font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;

$ui-fixed-font-family: "andale mono", "lucida console", monospace;

$ui-font-size: 1.1em;

$ui-widget-font-size: 1em;

$ui-form-font-size: 1em;

$ui-header-font-weight: bold;

// ------------------------------------------
// Icon Images 
// ------------------------------------------
$ui-images-url: "absolution/";
$ui-icons: "ui-icons_222222_256x240.png";
$ui-icons-content: $ui-icons;
$ui-icons-header: $ui-icons;
$ui-icons-default: $ui-icons;
$ui-icons-hover: "ui-icons_ffffff_256x240.png";
$ui-icons-focus: $ui-icons-hover;
$ui-icons-active: $ui-icons-hover;
$ui-icons-highlight: $ui-icons;
$ui-icons-error: $ui-icons;

// ------------------------------------------
// Color Scheme
// ------------------------------------------

// content
$ui-content-border-color: #a9a9a9; 
$ui-content-color: #333333;
$ui-content-link-color: $ui-content-color;
$ui-content-background-color: #fdfdfd;
// If the background is flat, add a full background description: 
// $ui-content-background: #ffffff url(...);
$ui-content-background: linear-gradient($ui-content-background-color,#ececec);
$ui-content-background-type: gradient;

// header
$ui-header-border-color: $ui-content-border-color;
$ui-header-color: $ui-content-color;
$ui-header-link-color: $ui-header-color;
$ui-header-background-color: $ui-content-background-color;
$ui-header-background: $ui-content-background;

// titlebar
$ui-titlebar-color: #ffffff;
$ui-titlebar-background-color: #4c4c4e;
$ui-titlebar-background: linear-gradient($ui-titlebar-background-color, #282425);
$ui-titlebar-background-type: gradient;


// state-default
$ui-default-border-color: #a9a9a9;
$ui-default-color: #333333;
$ui-default-background-color: #fdfdfd;
$ui-default-background: linear-gradient($ui-default-background-color,#ececec);
$ui-default-link-color: $ui-default-color;

// state-hover
$ui-hover-border-color: #2e63a5;
$ui-hover-color: #ffffff;
$ui-hover-background-color: #5e9ae2;
$ui-hover-background: linear-gradient($ui-hover-background-color,#3570b8);
$ui-hover-link-color: $ui-hover-color;

// state-active
$ui-active-border-color: #2e63a5;
$ui-active-color: #ffffff; 
$ui-active-background-color: #3570b8;
$ui-active-background: linear-gradient($ui-active-background-color,#5e9ae2);
$ui-active-link-color: $ui-active-color;

// state-highlight
$ui-highlight-border-color: #8b9fc2;
$ui-highlight-color: #363636;
$ui-highlight-background-color: #7cc5e3;
$ui-highlight-background: $ui-highlight-background-color;
$ui-highlight-background-type: flat;
$ui-highlight-link-color: $ui-highlight-color;

// state-error
$ui-error-border-color: #953737;
$ui-error-color: #363636;
$ui-error-background-color: #f35757;
$ui-error-background: $ui-error-background-color; 
$ui-error-background-type: flat;
$ui-error-link-color: $ui-error-color;

// state-primary

// priority-secondary
$ui-priority-secondary-opacity: .7;

// state-disabled
$ui-disabled-opacity: .35;

// overlay
$ui-overlay-opacity: .3;
$ui-overlay-background-color: #aaaaaa;
$ui-overlay-background: linear-gradient($ui-overlay-background-color,adjust-lightness($ui-overlay-background-color, -5));
$ui-overlay-background-type: gradient;

// shadow
$ui-shadow-opacity: .3;
$ui-shadow-background-color: #aaaaaa;
$ui-shadow-background: linear-gradient($ui-shadow-background-color,adjust-lightness($ui-shadow-background-color, -5));
$ui-shadow-background-type: gradient;