//
// Component: Inverse
//
// ========================================================================


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

@inverse-global-color:                            fade(@global-inverse-color, 70%);
@inverse-global-emphasis-color:                   @global-inverse-color;
@inverse-global-muted-color:                      fade(@global-inverse-color, 50%);
@inverse-global-inverse-color:                    @global-emphasis-color;

@inverse-global-primary-background:               @global-inverse-color;
@inverse-global-muted-background:                 fade(@global-inverse-color, 10%);

@inverse-global-border:                           fade(@global-inverse-color, 8%);


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

.hook-inverse() {}