/**
 * Custom styles to match cgs_app color scheme and Bootstrap overrides
 * Based on /home/k/repo/cgs_app/common/templates/common/page.html
 * Uses Bootstrap 5 CSS variables where possible
 */

/* Import Roboto font */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');

/* Override Bootstrap CSS variables */
:root {
    /* Color palette - using Bootstrap semantic color variables */
    --bs-primary: #21568A;        /* blue-dark */
    --bs-secondary: #737373;     /* gray-medium */
    --bs-info: #A2D2FA;          /* blue-pastel */
    --bs-dark: #272727;          /* gray-dark */
    
    /* RGB values for Bootstrap color utilities */
    --bs-primary-rgb: 33, 86, 138;
    --bs-secondary-rgb: 115, 115, 115;
    --bs-info-rgb: 162, 210, 250;
    --bs-dark-rgb: 39, 39, 39;
    
    /* Typography - Bootstrap font variables */
    --bs-font-sans-serif: "Roboto", sans-serif;
    --bs-body-font-family: "Roboto", sans-serif;
    --bs-heading-font-family: "Roboto", sans-serif;
    --bs-heading-font-weight: 700;
    
    /* Link colors - Bootstrap link variables */
    --bs-link-color: #21568A;           /* blue-dark */
    --bs-link-hover-color: #1D97BD;     /* blue-medium */
    
    /* Card shadow - Bootstrap card variable */
    --bs-card-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    
    /* Additional custom colors for reference (not used by Bootstrap) */
    --blue-light: #71B7CD;
    --blue-medium: #1D97BD;
    --blue-dark: #21568A;
    --blue-bright: #6299E4;
    --blue-pastel: #A2D2FA;
    --gray-dark: #272727;
    --gray-medium: #737373;
}