/*---------------------------------------------------------------
  Template Name: Honey Blume  | Pure Organic Honey & Natural Products Landing Page Template
  Description: Honey Blume – Pure Organic Honey & Natural Products Landing Page Template designed to showcase premium honey, beekeeping, and eco-friendly products with a modern and sweet 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=Arima:wght@100..700&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

/* ==================
  Color Variables
  ================== */

[data-honeyblume-theme="light"] {

    /* bg colors */
    --body-color: #FFFFFF;
    --alt-color:#fff4d2;
    --alt-gradient:linear-gradient(180deg, #fff9ec 0%, #fff4d2 100%);
    --primary-color:#D5971D;
    --secondary-color:#c9611c;
    --dark-color:#4b3b0f;
    --card-color:#ffffff;
    --theme-gradient:linear-gradient(135deg, #ffb703, #ff9e00);
    --card-gradient:linear-gradient(135deg, #fffbe6, #fff1c4);
    --prime-btn:linear-gradient(135deg, #f7b733, #c9611c);

    --input-bg: #fff6df;
    --input-text: #000000;


    /* text-colors */
    --white-text: #ffff;
    --secondary-text: #642424;
    --prime-text: #c9611c;
    --heading-text: #2d2d2d;
    --para-text: #666;

   /* font family*/
    --PrimaryFont:  "Arima", system-ui;
    --SecondaryFont: "Roboto", sans-serif;
}


[data-honeyblume-theme="dark"] {

    /* bg colors */
    --body-color: #2e2405;
    --alt-color:#4b3b0f;
    --alt-gradient:linear-gradient(180deg, #6a4b07 0%, #795d08 100%);
    --secondary-color:#c9611c;
    --dark-color:#4b3b0f;
    --primary-color:#D5971D;
    --card-color:#4d401c;
    --theme-gradient:linear-gradient(135deg, #e2a822 0%, #d2921c 100%);
    --card-gradient:linear-gradient(135deg, #4b4214, #816710);
    --prime-btn:linear-gradient(135deg, #f7b733, #c9611c);

    --input-bg: #634e15;
    --input-text: #ffffff;

    /* text-colors */
    --white-text: #ffff;
    --secondary-text: #642424;
    --prime-text: #c9611c;
    --heading-text: #ffffff;
    --para-text: #dfdfdf;

    /* font family*/
    --PrimaryFont:  "Arima", system-ui;
    --SecondaryFont: "Roboto", sans-serif;
}


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

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

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

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

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