/*
 * MoldDB Brand Color Variables
 * All site-wide colors extracted as CSS custom properties on :root.
 * Replace hardcoded #xxxxxx values with var(--variable-name) to use.
 *
 * Priority: This file loads before style.css so var() references work.
 */
:root {
    /* ---- Primary Brand Colors (from main.less) ---- */
    --brand-blue: #009fbe;
    --brand-blue-hover: #3991e6;
    --brand-darkblue: #00748B;
    --brand-orange: #ed3933;
    --brand-red: #ED3933;
    --brand-error-red: #E84649;
    --brand-danger-border: #f51b1b;

    /* ---- Nav / Header ---- */
    --nav-bg: #333333;
    --nav-link: #9d9d9d;
    --nav-hover: #06c;
    --nav-active: #4CAF50;
    --nav-white: #fff;

    /* ---- Search Panel (main.less) ---- */
    --search-bg: #428bca;
    --search-button: #06c;
    --search-button-hover: #E84649;

    /* ---- Footer ---- */
    --footer-bg: #BDBDBD;
    --footer-text: #333333;
    --footer-link: #333333;

    /* ---- Backgrounds ---- */
    --bg-body: #f2f2f2;
    --bg-white: #ffffff;
    --bg-paper: #ffffff;
    --bg-light-gray: #f5f5f5;
    --bg-lighter-gray: #fafafa;
    --bg-page: #f9f9f9;
    --bg-table-stripe: #f9f9f9;

    /* ---- Text ---- */
    --text-primary: #333333;
    --text-secondary: #666666;
    --text-muted: #848484;
    --text-light: #999999;
    --text-dark: #080808;
    --text-gray: #777777;
    --text-heading: #606060;

    /* ---- Borders / Lines ---- */
    --border-default: #ddd;
    --border-light: #e0e0e0;
    --border-dashed: #ccc;
    --border-dark: #ccc;
    --border-input: #ccc;
    --border-focus: #66afe9;
    --border-table: #ddd;
    --border-separator: #dcdcdc;
    --border-light-gray: #e5e5e5;
    --border-lighter: #e7e7e7;
    --border-deep-gray: #dee2e6;
    --border-blue: #06c;

    /* ---- Shadows ---- */
    --shadow-light: #aaa;
    --shadow-default: #555;
    --shadow-dark: #222;
    --shadow-modal: rgba(0, 0, 0, 0.5);

    /* ---- Bootstrap Overrides ---- */
    --bs-primary: #337ab7;
    --bs-primary-hover: #286090;
    --bs-secondary: #6c757d;
    --bs-success: #28a745;
    --bs-success-border: #4cae4c;
    --bs-success-hover: #47a447;
    --bs-info: #5bc0de;
    --bs-info-hover: #31b0d5;
    --bs-warning: #f0ad4e;
    --bs-warning-border: #D2A800;
    --bs-warning-hover: #ec971f;
    --bs-text-warning: #8a6d3b;
    --bs-label-text: #ffffff;
    --bs-danger-hover: #c9302c;
    --bs-danger-border: #d43f3a;
    --bs-default: #777777;
    --bs-default-hover: #5e5e5e;
    --bs-text-success: #3c763d;
    --bs-border-success: #d6e9c6;
    --text-success-success: #398439;
    --bs-text-info: #31708f;
    --bs-text-warning: #8a6d3b;
    --bs-text-danger: #a94442;
    --bs-border-success: #d6e9c6;
    --bs-border-info: #bce8f1;
    --bs-border-warning: #faebcc;
    --bs-border-danger: #ebccd1;
    --bs-bg-success: #dff0d8;
    --bs-bg-info: #d4edda;
    --bs-bg-warning: #fcf8e3;
    --bs-bg-danger: #f2dede;

    /* ---- Buttons ---- */
    --btn-danger-border: #adadad;
    --btn-default-bg: #ffffff;
    --btn-default-text: #333;
    --btn-newmold-bg: #c4c4c4;
    --btn-newmold-border: #a1a1a1;
    --btn-newmold-hover: #b7b7b7;
    --btn-archived-bg: rgb(41, 41, 41);
    --btn-archived-hover: rgb(17, 17, 17);
    --btn-tag-bg: #a4a6c9;
    --btn-tag-hover: #6a65b9;
    --btn-action-bg: #BE81F7;
    --btn-action-hover: #9D51E5;
    --btn-action-border: #AC58FA;
    --btn-action-active: #7735B4;
    --wrapper-blue: #3771c8;

    /* ---- Miscellaneous ---- */
    --color-blue-gradient-start: #2E5BFF;
    --color-blue-gradient-end: #1E3A8A;
    --color-info-blue: #0EA5E9;
    --color-info-dark: #0369A1;
    --color-info-darker: #0C4A6E;
    --color-info-light-bg: #E0F2FE;
    --color-light-gray: #E7E7E7;
    --color-yellow-light: #E7E658;
    --color-gray-66: #66cc66;
}