@import "compass-ui/colors";
@import "compass-ui/jquery-ui";
@import "compass/css3/border-radius";
@import "compass/css3/images";
@import "compass/css3/opacity";

// Theme mixin that calls the relevant jQuery and theme mixins when appropriate. 
@mixin jquery-ui-base-theme {
  @include jquery-ui-theme;
}

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

// Default Fonts
$ui-font-family: Verdana, Arial, sans-serif !default;

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

$ui-font-size: 1.1em !default;

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

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


$ui-font-color: #222222 !default;

// ------------------------------------------
// Icon Images 
// ------------------------------------------

// Location of the icons and other them related images. Note that this 
// is relative to the images directory as defined in the compass config.rb file. 
$ui-images-url: "jquery-ui-base/" !default;

// Individual icon images that relate to each of the jQuery UI states 
$ui-icons: "ui-icons_222222_256x240.png" !default;
$ui-icons-content: $ui-icons !default;
$ui-icons-header: $ui-icons !default;
$ui-icons-default: "ui-icons_888888_256x240.png" !default;
$ui-icons-hover: "ui-icons_454545_256x240.png" !default;
$ui-icons-focus: $ui-icons-hover !default;
$ui-icons-active: "ui-icons_454545_256x240.png" !default;
$ui-icons-highlight: "ui-icons_2e83ff_256x240.png" !default;
$ui-icons-error: "ui-icons_cd0a0a_256x240.png" !default;

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


// Content
$ui-content-border-width: 1px !default;
$ui-content-border-style: solid !default;
$ui-content-border-color: #aaaaaa !default;
$ui-content-color: $ui-font-color !default;
$ui-content-background-color: $ui-white !default;
$ui-content-background: $ui-white !default;
$ui-content-background-type: flat !default;
$ui-content-link-color: $ui-content-color !default;

// Header
$ui-header-border-width: 1px !default;
$ui-header-border-style: solid !default;
$ui-header-border-color: #aaaaaa !default;
$ui-header-color: $ui-font-color !default;
$ui-header-link-color: $ui-header-color !default;
$ui-header-font-weight: bold !default;
$ui-header-background-color: #cccccc !default;
$ui-header-background: linear-gradient(#e2e2e2,#cccccc) !default;
$ui-header-background-type: gradient !default;

// State-Default
$ui-default-border-width: 1px !default;
$ui-default-border-style: solid !default;
$ui-default-border-color: #d3d3d3 !default;
$ui-default-color: #555555 !default;
$ui-default-link-color: $ui-default-color !default;
$ui-default-font-weight: normal !default;
$ui-default-background-color: #e6e6e6 !default;
$ui-default-background: linear-gradient(#ededed,#f1f1f1) !default;
$ui-default-background-type: gradient !default;

// State-Hover
$ui-hover-border-width: 1px !default;
$ui-hover-border-style: solid !default;
$ui-hover-border-color: #999999 !default;
$ui-hover-color: #212121 !default;
$ui-hover-link-color: $ui-hover-color !default;
$ui-hover-font-weight: normal !default;
$ui-hover-background-color: #dadada !default;
$ui-hover-background: linear-gradient(#e4e4e4,#eaeaea) !default;
$ui-hover-background-type: gradient !default;

// State-Focus
$ui-focus-border-width: 1px !default;
$ui-focus-border-style: solid !default;
$ui-focus-border-color: #999999 !default;
$ui-focus-color: #212121 !default;
$ui-focus-link-color: $ui-hover-color !default;
$ui-focus-font-weight: normal !default;
$ui-focus-background-color: #dadada !default;
$ui-focus-background: linear-gradient(#e4e4e4,#eaeaea) !default;
$ui-focus-background-type: gradient !default;

// State-Active
$ui-active-border-width: 1px !default;
$ui-active-border-style: solid !default;
$ui-active-border-color: #aaaaaa !default;
$ui-active-color: #212121 !default;
$ui-active-link-color: $ui-active-color !default;
$ui-active-font-weight: normal !default;
$ui-active-background-color: #ffffff !default;
$ui-active-background: linear-gradient(#fefefe,#ffffff) !default;
$ui-active-background-type: gradient !default;

// State-Highlight
$ui-highlight-border-width: 1px !default;
$ui-highlight-border-style: solid !default;
$ui-highlight-border-color: #fcefa1 !default;
$ui-highlight-color: #363636 !default;
$ui-highlight-link-color: $ui-highlight-color !default;
$ui-highlight-background-color: #fbf9ee !default;
$ui-highlight-background: linear-gradient(#fcfaf1, #fbfaf3) !default;
$ui-highlight-background-type: gradient !default;

// State-Error
$ui-error-border-width: 1px !default;
$ui-error-border-style: solid !default;
$ui-error-border-color: #cd0a0a !default;
$ui-error-color: #cd0a0a !default;
$ui-error-link-color: $ui-default-color !default;
$ui-error-background-color: #fef1ec !default;
$ui-error-background: linear-gradient(#fef6f3, #fef8f6) !default;
$ui-error-background-type: gradient !default;

// State-Primary
$ui-priority-font-weight: bold !default;

// Priority-Secondary
$ui-priority-secondary-opacity: .7 !default;
$ui-priority-secondary-font-weight: normal !default;

// State-Disabled
$ui-disabled-opacity: .35 !default;

// Overlay
$ui-overlay-opacity: .3 !default;
$ui-overlay-background-color: #aaaaaa !default;
$ui-overlay-background: $ui-overlay-background-color !default;
$ui-overlay-background-type: flat !default;

// Shadow
$ui-shadow-opacity: .3 !default;
$ui-shadow-background-color: #aaaaaa !default;
$ui-shadow-background: $ui-shadow-background-color !default;
$ui-shadow-background-type: flat !default;