/* ===== CSS CUSTOM PROPERTIES ===== */
:root {
  /* Brand Colors */
  --green:        #2D5A27;
  --green-deep:   #1E3E1A;
  --green-light:  #4A8C42;
  --green-pale:   #E8F0E6;
  --green-tint:   #F0F6EF;
  --mocha:        #6B4C3B;
  --mocha-light:  #9B7060;
  --beige:        #F5F0E8;
  --cream:        #FAF7F2;
  --cream-dark:   #F2EDE4;
  --gold:         #C9A84C;
  --gold-light:   #E8CC7A;

  /* Text */
  --text-dark:    #1E1710;
  --text-mid:     #4A3D30;
  --text-light:   #8B7D6B;
  --text-muted:   #B5A898;

  /* UI */
  --border:       rgba(45,90,39,0.12);
  --border-hover: rgba(45,90,39,0.28);
  --shadow-sm:    0 2px 8px rgba(45,90,39,0.08);
  --shadow-md:    0 6px 24px rgba(45,90,39,0.12);
  --shadow-lg:    0 16px 48px rgba(45,90,39,0.16);
  --shadow-xl:    0 24px 64px rgba(45,90,39,0.20);

  /* Radii */
  --r-sm: 8px;
  --r-md: 16px;
  --r-lg: 24px;
  --r-xl: 32px;
  --r-full: 9999px;

  /* Transitions */
  --t-fast:   0.15s ease;
  --t-base:   0.25s ease;
  --t-slow:   0.4s ease;

  /* Typography */
  --font-display: 'Rubik', 'Heebo', sans-serif;
  --font-body:    'Heebo', sans-serif;

  /* Spacing */
  --section-pad: clamp(3.5rem, 8vw, 6rem);
}

/* ===== RESET & BASE ===== */
*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; }
body {
  font-family: var(--font-body);
  background: var(--cream);
  color: var(--text-dark);
  direction: rtl;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  line-height: 1.6;
}
img { max-width:100%; display:block; }
button, a { cursor:pointer; }

/* ===== SECTIONS ===== */
.section {
  padding: var(--section-pad) clamp(1rem, 3vw, 2rem);
}
.section-alt { background: var(--cream-dark); }
.section-dark {
  background: var(--green);
  color: white;
  background-image: repeating-linear-gradient(
    135deg,
    transparent, transparent 20px,
    rgba(255,255,255,0.025) 20px, rgba(255,255,255,0.025) 40px
  );
}
.container { max-width:1380px; margin:0 auto; }
.container-sm { max-width:860px; margin:0 auto; }
.container-xs { max-width:560px; margin:0 auto; }

/* Section header */
.section-header { text-align:center; margin-bottom:clamp(2rem,5vw,3.5rem); }
.section-eyebrow {
  display: inline-block;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--gold);
  background: rgba(201,168,76,0.1);
  padding: 5px 14px;
  border-radius: var(--r-full);
  margin-bottom: 0.75rem;
  border: 1px solid rgba(201,168,76,0.25);
}
.section-title {
  font-family: var(--font-display);
  font-size: clamp(26px, 5vw, 42px);
  font-weight: 700;
  color: var(--green);
  margin-bottom: 0.6rem;
  line-height: 1.15;
}
.section-sub {
  font-size: clamp(14px, 2vw, 16px);
  color: var(--text-light);
  max-width: 540px;
  margin: 0 auto;
  line-height: 1.7;
}
.section-dark .section-title { color:white; }
.section-dark .section-sub { color:rgba(255,255,255,0.75); }