/*---------------------------------------------------------------
  Template Name: Medinexia | Modern Medical & Healthcare Template
  Description: Medinexia – Modern Medical & Healthcare Landing Page Template designed for hospitals, clinics, doctors and healthcare services with a clean, trustworthy UI.
  Author: Lucid ThemesLab
  Author URL: https://www.templatemonster.com/store/lucid_themeslab/
  Version: 1.0.0
-----------------------------------------------------------------

@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&display=swap');


/* ==================
  Color Variables
  ================== */
[data-medinexia-theme="medinexia_light"] {

    /* bg colors */
    --body-color: #FFFFFF;
    --alt-color:#effbfc;
    --alt-gradient:linear-gradient(180deg, #fff9ec 0%, #fff4d2 100%);
    --primary-color:#26c6da;
    --primary-rgb:rgb(38, 198, 218);
    --secondary-color:#0a1b57;
    --dark-color:#4b3b0f;
    --card-color:#ffffff;
    --theme-gradient:linear-gradient(180deg, #061b44, #033b88);
    --input-bg: #effbfc;
    --input-text: #000000;

    --hero-bg: rgba(255, 255, 255, 0.14);
    --hero-border: rgba(255, 255, 255, 0.25);
    --hero-glow: rgba(255, 255, 255, 0.15);
    --hero-text: #fff;
    --hero-overlay: rgba(1, 33, 39, 0.50); /* light overlay *

    /* text-colors */
    --white-text: #ffff;
    --secondary-text: #0a1b57;
    --prime-text: #c9611c;
    --heading-text: #000137;
    --para-text: #353536;

    /* font family*/
    --PrimaryFont:   "Archivo", sans-serif;

}

[data-medinexia-theme="medinexia_dark"]{

    /* bg colors */
    --body-color: #010916;
    --alt-color:#142037;
    --alt-gradient:linear-gradient(180deg, #fff9ec 0%, #fff4d2 100%);
    --primary-color:#26c6da;
    --primary-rgb:rgb(38, 198, 218);
    --secondary-color:#2e438b;
    --dark-color:#0f0f0f;
    --card-color:#27334a;
    --theme-gradient:linear-gradient(180deg, #061b44, #2e438b);
    --input-bg: #142037;
    --input-text: #b7c4dc;

    --hero-bg: rgba(0, 0, 0, 0.25);
    --hero-border: rgba(255, 255, 255, 0.15);
    --hero-glow: rgba(0, 0, 0, 0.35);
    --hero-text: #f1f1f1;
    --hero-overlay: rgba(1, 33, 39, 0.50); /* light overlay */

    /* text-colors */
    --white-text: #ffff;
    --secondary-text: #2e438b;
    --prime-text: #c9611c;
    --heading-text: #ffffff;
    --para-text: #b8b8b8;

    /* font family*/
    --PrimaryFont:   "Archivo", sans-serif;
}

.card-color{
    background-color: var(--card-color);
}

.primary-color{
    background-color: var(--primary-color);
}

.alt-color{
    background-color: var(--alt-color);
}

.secondary-color{
    background-color: var(--secondary-color);
}

.heading-text {
    color: var(--heading-text) ;
}

.para-text {
    color: var(--para-text);
}

.primary-text {
    color: var(--primary-color) ;
}

.secondary-text {
    color: var(--secondary-color) ;
}