////
///
/// Ribbon Variables
/// ===========================================================================
///
/// @group Body Organisms
/// @author Scape Agency
/// @link https://scape.style
/// @since 0.1.0 initial release
/// @access public
///
////

// ============================================================================
// Use
// ============================================================================

@use "../../dev" as *;

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

/// Ribbon dimensions
$ribbon_padding: q(10) !default;
$ribbon_spacing: q(8) !default;
$menu_margin: q(8) !default;

$ribbon_width: q(40) !default;
$ribbon_height: $ribbon_width !default;

$ribbon_height_top: $ribbon_height !default;
$ribbon_height_bottom: $ribbon_height !default;

$ribbon_width_left: $ribbon_width !default;
$ribbon_width_right: $ribbon_width !default;

$ribbon_border_width: q(1) !default;

/// Inner slot width, accounting for horizontal padding
$ribbon_slot_width: $ribbon_width - ($ribbon_padding * 2) !default;

/// Colors
/// Background
$ribbon_background_color: var(--color_text_primary) !default;
$ribbon_background_color_inverted: var(--color_fill_primary) !default;
/// Text
$ribbon_text_color: var(--color_fill_primary) !default;
$ribbon_text_color_inverted: var(--color_text_primary) !default;
///Border
$ribbon_border_color: var(--color_fill_primary) !default;
$ribbon_border_color_inverted: var(--color_text_primary) !default;