/*---------------------------------------
  CUSTOM PROPERTIES ( VARIABLES )
  Inspired by Barista Cafe — adapted for Came Cueros
-----------------------------------------*/
:root {
    --white-color: #ffffff;
    --primary-color: #BC6C25;
    --secondary-color: #DDA15E;
    --section-bg-color: #b78752;
    --custom-btn-bg-color: #BC6C25;
    --custom-btn-bg-hover-color: #DDA15E;
    --dark-color: #000000;
    --dark-soft: #2c2c2c;
    --p-color: #717275;
    --p-light-color: rgba(255, 255, 255, 0.85);
    --border-color: #e8ddd3;
    --link-hover-color: #E76F51;
    --overlay-dark: rgba(0, 0, 0, 0.65);
    --overlay-soft: rgba(0, 0, 0, 0.35);
    --gradient-warm: linear-gradient(to bottom, rgba(0, 0, 0, 0.35), rgba(188, 108, 37, 1));

    --body-font-family: 'Plus Jakarta Sans', sans-serif;

    --h1-font-size: 68px;
    --h2-font-size: 46px;
    --h3-font-size: 32px;
    --h4-font-size: 28px;
    --h5-font-size: 24px;
    --h6-font-size: 22px;
    --p-font-size: 18px;
    --btn-font-size: 16px;
    --menu-font-size: 16px;
    --small-font-size: 14px;

    --border-radius-large: 100px;
    --border-radius-medium: 20px;
    --border-radius-small: 10px;

    --font-weight-thin: 200;
    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;

    --transition-base: all 0.3s ease;

    --z-topbar: 100;
    --z-nav: 999;
    --z-modal: 9999;
    --z-wa-float: 500;
}