/* ═══════════════════════════════════════════════════════════════
   Vana Interior — Global typography / base
   Official CI palette + Segoe UI brand typography
═══════════════════════════════════════════════════════════════ */

/* ── Official brand palette (CI document) ─────────────────────── */
:root {
  --green:         #156030;
  --green-hover:   #114D26;
  --green-light:   #E8F2EC;
  --black:         #000000;
  --light-gray:    #E6E6E6;
  --white:         #FFFFFF;
  --cream:         #FAF9F7;
  --sand:          #E8DCC8;
  --espresso:      #1A1410;
  --gold:          #C4963A;
  --muted:         #8A8278;
  --border:        #E6E6E6;
  --danger:        #C0392B;
  --success:       #156030;
}

/* ── Brand typography — Segoe UI everywhere ───────────────────── */
body, h1, h2, h3, h4, h5, h6, p, a, button, input, select, textarea, span, div {
  font-family: 'Segoe UI', -apple-system, BlinkMacSystemFont, sans-serif;
}

/* Segoe UI has no italic personality — italic accents become light weight */
h1 em, h2 em, h3 em, .section-title em {
  font-style: normal;
  font-weight: 300;
}

/* ── Brand pattern — V-logo inspired geometric texture ────────── */
.pattern-bg {
  position: relative;
}
.pattern-bg::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image: repeating-linear-gradient(
    -45deg,
    rgba(255,255,255,0.03) 0px,
    rgba(255,255,255,0.03) 1px,
    transparent 1px,
    transparent 12px
  ),
  repeating-linear-gradient(
    45deg,
    rgba(255,255,255,0.03) 0px,
    rgba(255,255,255,0.03) 1px,
    transparent 1px,
    transparent 12px
  );
  pointer-events: none;
  z-index: 0;
}

/* ── Scroll-reveal base state for new sections ────────────────── */
.service-item,
.portfolio-item,
.stat-counter,
.testimonial-card {
  opacity: 0;
  transform: translateY(28px);
  transition:
    opacity   0.7s var(--reveal-delay, 0s) ease,
    transform 0.7s var(--reveal-delay, 0s) ease;
}
.service-item.revealed,
.portfolio-item.revealed,
.stat-counter.revealed,
.testimonial-card.revealed {
  opacity: 1;
  transform: translateY(0);
}