:root {
  --secedory: #3C4139;   /* اللون الأساسي */
  --bgW: #ffffff;        /* اللون الثانوي */
  --t1: #3C4139;         /* لون النص */
  --t2: #DED7C7;         /* لون النص */
  --bg: #514338;         /* لون الخلفية */
  --bgB: #5D645F;
  --bgS: #817F73;
} 

.t1{
    color: var(--t1);
}
.t2{
    color: var(--bg);
}
.t3{
    color: var(--t2);
}
.t4{
    color: var(--bgS);
}
.t5{
    color: var(--bgB);
}
.bg3{
    background-color: var(--t2);
}
.bg{
    background-color: var(--t1);
}
.bgs{
    background-color: var(--bgS);
}


@font-face {
  font-family: 'ArchivoVar';
  src: url('fonts/Archivo-VariableFont_wdth,wght.ttf') format('truetype-variations');
  font-weight: 100 900; /* يحدد المجال المدعوم */
  font-style: normal;
}

@font-face {
  font-family: 'TRYToshA';
  src: url('fonts/TRYToshA-Light.ttf') format('truetype');
  font-weight: 300; /* Light */
  font-style: normal;
}

/* Regular */
@font-face {
  font-family: 'TRYToshA';
  src: url('fonts/TRYToshA-Regular.ttf') format('truetype');
  font-weight: 400; /* Regular */
  font-style: normal;
}

/* Medium */
@font-face {
  font-family: 'TRYToshA';
  src: url('fonts/TRYToshA-Medium.ttf') format('truetype');
  font-weight: 500; /* Medium */
  font-style: normal;
}

/* Bold */
@font-face {
  font-family: 'TRYToshA';
  src: url('fonts/TRYToshA-Bold.ttf') format('truetype');
  font-weight: 700; /* Bold */
  font-style: normal;
}

body {
  font-family: 'TRYToshA', sans-serif;
  width: 100%;
  height: 100dvh;
}

.nav-link.active {
  color: #DED7C7;
  border-bottom: 1px solid #DED7C7;
  padding-bottom: 4px;
}


    .card-product {
      border: 1px solid #e5e5e5;
      box-shadow: none;
    }