@use "sass:color";

// ===================================//
// VARIABLES & MAPS 
// ===================================//

// Theme Colors Map
$theme-colors: (
    "primary": #0A4174,
    "secondary": #49769F,
    "success": #14b8a6,
    "info": #0c88db,
    "warning": #fbb716,
    "danger": #f43f5e,
);

// Gray Colors Map
$grays: (
    "light": #f9f9f9,
    "dark": #696e82,
);
// Spacing & Sizing
$border-radius: 0.5rem;
$border-radius-sm: 0.25rem;
$border-radius-lg: 1rem;

// Shadows & Transitions
$card-box-shadow: 0 0 1.25rem rgba(33, 37, 41, 0.05);
$shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.08);
$shadow-md: 0 4px 8px rgba(0, 0, 0, 0.12);
$shadow-lg: 0 8px 20px rgba(0, 0, 0, 0.15);
$transition: all 0.3s ease;

// =============================
// CUSTOM BOOTSTRAP VARIABLES
// =============================
$primary: map-get($theme-colors, "primary");

// Tombol utama
$btn-primary-color: #fff;
$btn-primary-bg: $primary;
$btn-primary-border-color: $primary;
$btn-primary-hover-bg: darken($primary, 5%);
$btn-primary-hover-border-color: darken($primary, 5%);
$btn-focus-shadow-rgb: to-rgb($primary);
$btn-primary-active-bg: darken($primary, 7%);
$btn-primary-active-border-color: darken($primary, 7%);