/*---------------------------------------------------------------
  Template Name: Medinexia | Modern Medical & Healthcare Multi-Page Website Template
  Description: Medinexia – Modern Medical & Healthcare Multi-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: #C9D5DC;
    --light-color: #f5f5f5;
    --primary-color: #043172;
    --primary-rgb: 38, 198, 218;
    --secondary-rgb: 24, 90, 187;
    --secondary-color: #020202;
    --dark-color: #4b3b0f;
    --card-color: #ffffff;
    --theme-gradient: linear-gradient(180deg, #020202, #202E37);
    --theme-gradient-2: linear-gradient(135deg, #0d6efd, #20c997);
    --input-bg: #fefefe;
    --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: #C9D5DC;
    --light-color: #1a2333;
    --primary-color: #043172;
    --primary-rgb: 38, 198, 218;
    --secondary-rgb: 24, 90, 187;
    --secondary-color: #020202;
    --dark-color: #0f0f0f;
    --card-color: #27334a;
    --theme-gradient: linear-gradient(180deg, #020202, #202E37);
    --theme-gradient-2: linear-gradient(135deg, #0d6efd, #20c997);
    --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: #efefef;
}

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

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

.light-bg {
    background: var(--light-color);
}

.primary-border{
    border-color: var(--primary-color)!important;
}

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

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

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

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