// NOTE
// If you add a custom component, EXAMPLE: ap-florian-chair
// You should put the @import, the @inclde here,
// and the file inside the "components" folder

// @import '@angular/material/core/theming/all-theme';
@import '../all-theme';
@import 'pallete';
@import 'variables';
// Plus imports for other components in your app.
@import 'components/avatar';
@import 'components/badge';
@import 'components/button';
@import 'components/calendar';
@import 'components/card';
@import 'components/checkbox';
@import 'components/chip';
@import 'components/dialog';
@import 'components/global';
@import 'components/icon';
@import 'components/input';
@import 'components/list';
@import 'components/modal';
@import 'components/navbar';
@import 'components/radio';
@import 'components/select';
@import 'components/sidenav';
@import 'components/slide-toggle';
@import 'components/textarea';
@import 'components/tooltip';

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800);
@import url(https://fonts.googleapis.com/css?family=Hind:300,400,500,600,700);
@import url(https://file.myfontastic.com/mMdiJgGJiqJwPE3XL2zVeP/icons.css);

// Include the base styles for Angular Material core. We include this here so that you only
// have to load a single css file for Angular Material in your app.
@include md-core();

@mixin ap-default-theme() {
  .ap-default-theme {
    // Define the palettes for your theme using the Material Design palettes
    // available in palette.scss (imported above). For each palette, you can
    // optionally specify a default, lighter, and darker hue.
    $agorapulse-primary: md-palette($md-ap-orange);
    $agorapulse-accent:  md-palette($md-ap-blue);

    // The warn palette is optional (defaults to red).
    $agorapulse-save:    md-palette($md-ap-blue, 500);
    $agorapulse-success: md-palette($md-ap-green);
    $agorapulse-warn:    md-palette($md-red);

    // Create the theme object (a Sass map containing all of the palettes).
    $agorapulse-theme: md-light-theme($agorapulse-primary, $agorapulse-accent, $agorapulse-warn);

    // Include theme styles for core and each component used in your app.
    // Alternatively, you can import and @include the theme mixins for each
    // component that you are using.
    @include angular-material-theme($agorapulse-theme);
    @include ap-avatar-theme($agorapulse-theme);
    @include ap-badge-theme($agorapulse-theme);
    @include ap-button-theme($agorapulse-theme);
    @include ap-calendar-theme($agorapulse-theme);
    @include ap-card-theme($agorapulse-theme);
    @include ap-checkbox-theme($agorapulse-theme);
    @include ap-chip-theme($agorapulse-theme);
    @include ap-dialog-theme($agorapulse-theme);
    @include ap-global-theme($agorapulse-theme);
    @include ap-icon-theme($agorapulse-theme);
    @include ap-input-theme($agorapulse-theme);
    @include ap-list-theme($agorapulse-theme);
    @include ap-modal-theme($agorapulse-theme);
    @include ap-navbar-theme($agorapulse-theme);
    @include ap-radio-theme($agorapulse-theme);
    @include ap-select-theme($agorapulse-theme);
    @include ap-sidenav-theme($agorapulse-theme);
    @include ap-slide-toggle-theme($agorapulse-theme);
    @include ap-tooltip-theme($agorapulse-theme);
    @include ap-textarea-theme($agorapulse-theme);
  }
}