/*
============================================
           COLOR & THEME VARIABLES
============================================
This file centralizes all color definitions for the website.
It overrides the default Bootstrap color variables. To change a
color across the entire site, you only need to edit it here.
*/

:root {
    /* ------------------------------ */
    /*     1. Primary Theme Colors    */
    /* ------------------------------ */
    /* These are the main colors that define your brand and are used
       for most interactive elements like buttons, links, and form controls. */

    --bs-primary: #5856d6;       /* A modern, soft purple */
    --bs-secondary: #6c757d;    /* A neutral gray, good for secondary text/buttons */
    --bs-success: #34c759;      /* A vibrant green for success states */
    --bs-info: #007aff;         /* A bright, clean blue for informational alerts */
    --bs-warning: #ff9500;      /* A friendly orange for warnings */
    --bs-danger: #ff3b30;       /* A clear, modern red for errors */
    --bs-light: #f8f9fa;        /* A very light gray for backgrounds */
    --bs-dark: #212529;         /* A dark charcoal, softer than pure black */

    /* It's also a good practice to define the RGB versions, as Bootstrap
       uses them for transparent colors (e.g., button shadows, backgrounds). */
    --bs-primary-rgb: 88, 86, 214;
    --bs-secondary-rgb: 108, 117, 125;
    --bs-success-rgb: 52, 199, 89;
    --bs-info-rgb: 0, 122, 255;
    --bs-warning-rgb: 255, 149, 0;
    --bs-danger-rgb: 255, 59, 48;
    --bs-light-rgb: 248, 249, 250;
    --bs-dark-rgb: 33, 37, 41;


    /* ------------------------------ */
    /*    2. Body & Text Colors       */
    /* ------------------------------ */
    /* Defines the default background and text color for the entire page. */

    --bs-body-color: #333;             /* Dark gray for text, easier to read than black */
    --bs-body-bg: #ffffff;             /* A clean white background */
    --bs-body-font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";


    /* ------------------------------ */
    /*      3. Links & Borders        */
    /* ------------------------------ */

    --bs-link-color: var(--bs-primary);                 /* Links will use your primary brand color */
    --bs-link-hover-color: color-mix(in srgb, var(--bs-primary) 80%, black); /* A slightly darkened version for hover */
    --bs-border-color: #dee2e6;                         /* Standard border color for cards, tables, etc. */
    --bs-border-radius: 0.375rem;                       /* Default border radius for components */
}