// Sample red theme to demonstrate SASS overrides

// Theme colors
//
// Note: define colors needed by your theme first

// Define the primary red color
$red: #d9534f !default;

// Theme fonts
$font-family-sans-serif: cursive;

// Initialize the Open edX Bootstrap theme
@import 'edx-bootstrap/sass/open-edx/theme';

// Override the theme to use red as primary
$theme-colors: () !default;
$theme-colors: map-merge((
  primary: $red,
  secondary: $gray-600,
  inverse: $white,
  disabled: $gray-600,
  success: $green,
  info: $pink,
  warning: $yellow,
  danger: $red,
  purchase: $green,
  lightest: $gray-100,
  light: $gray-200,
  dark: $gray-800,
  darker: $gray-900,
  darkest: $black
), $theme-colors);

// Note: for some reason this doesn't obey the primary color as defined above.
// This shouldn't be necessary but it appears to be.
$link-color: $red;
