// Bootstrap 5.3 - Component Base Variables
// Body, Links, Borders, Shadows, Focus, Layout, and Utilities

@use 'sass:color';

// ============================================
// PREFIX
// ============================================

$prefix: dga-;

// ============================================
// BODY
// ============================================

$body-bg: $white;
$body-color: $black;
$body-text-align: start;

// ============================================
// LINKS
// ============================================

$link-color: $primary;
$link-decoration: none;
$link-hover-color: color.scale($link-color, $lightness: -30%);
$link-hover-decoration: underline;


// ============================================
// COMPONENTS BASE
// ============================================

$component-active-color: $white;
$component-active-bg: $primary;


// Shadow base color (using SDGA neutral-900 shade)
$shadow-color: $gray-900;
$border-color: $gray-300;

// Focus
$focus-ring-width: 0.25rem;
$focus-ring-opacity: 0.25;
$focus-ring-color: shadow-rgba($focus-ring-opacity);
$focus-ring-blur: 0;
$focus-ring-box-shadow: none;

// ============================================
// UTILITIES
// ============================================

$enable-shadows: true;
$enable-negative-margins: true;
$enable-smooth-scroll: true;
$enable-rfs: true;
$enable-important-utilities: true;
$enable-ripple-effect: true !default;


// ============================================
// Z-INDEX
// ============================================

$zindex-dropdown: 1000;
$zindex-sticky: 1020;
$zindex-fixed: 1030;
$zindex-offcanvas-backdrop: 1040;
$zindex-offcanvas: 1045;
$zindex-modal-backdrop: 1050;
$zindex-modal: 1055;
$zindex-popover: 1070;
$zindex-tooltip: 1080;
$zindex-toast: 1090;


// ============================================
// Responsive Variables
// ============================================

$mobile: 48rem;
$tablet: 63.9375rem;
$desktop: 64rem;