//
// Component: Card
//
// ========================================================================


// Variables
// ========================================================================

@card-title-font-size:                         @global-medium-font-size;

@card-hover-background:                        @global-background;

@card-default-background:                      @global-background;
@card-default-hover-background:                @global-background;


//
// Master
//

@internal-card-primary-gradient:               linear-gradient(320deg, @card-primary-background, spin(@card-primary-background, 15%));
@internal-card-primary-hover-gradient:         linear-gradient(320deg, spin(@card-primary-background, 4%), spin(@card-primary-background, 20%));

@card-hover-box-shadow:                        @global-medium-box-shadow;

@card-default-box-shadow:                      @global-medium-box-shadow;

@card-default-hover-box-shadow:                @global-large-box-shadow;

@card-title-font-family:                       @global-secondary-font-family;
@card-title-font-weight:                       @global-secondary-font-weight;
@card-title-text-transform:                    @global-secondary-text-transform;
@card-title-letter-spacing:                    @global-secondary-letter-spacing;
@card-title-font-style:                        @global-secondary-font-style;


// Component
// ========================================================================

.hook-card() {}


// Sections
// ========================================================================

.hook-card-body() {}

.hook-card-header() {}

.hook-card-footer() {}


// Media
// ========================================================================

.hook-card-media() {}

.hook-card-media-top() {}

.hook-card-media-bottom() {}

.hook-card-media-left() {}

.hook-card-media-right() {}


// Title
// ========================================================================

.hook-card-title() {}


// Badge
// ========================================================================

.hook-card-badge() {}


// Hover modifier
// ========================================================================

.hook-card-hover() {}


// Style modifiers
// ========================================================================

.hook-card-default() {}

.hook-card-default-title() {}

.hook-card-default-hover() {}

.hook-card-default-header() {}

.hook-card-default-footer() {}

//
// Primary
//

.hook-card-primary() {}

.hook-card-primary-title() {}

.hook-card-primary-hover() {}

//
// Secondary
//

.hook-card-secondary() {}

.hook-card-secondary-title() {}

.hook-card-secondary-hover() {}


// Miscellaneous
// ========================================================================

.hook-card-misc() {}