:root {
  --parchment: #faf5ea;
  --parchment-deep: #f1e8d6;
  --parchment-card: #fffdf9;
  --espresso: #261b14;
  --pak-green: #115e3b;
  --crimson: #d91e2a;
  --marigold: #c98a1b;
  --multan-blue: #1b4965;
}

html {
  scroll-behavior: smooth;
  font-family: 'DM Sans', system-ui, -apple-system, sans-serif;
  background-color: var(--parchment);
  color: var(--espresso);
}

.font-heading {
  font-family: 'Outfit', system-ui, sans-serif;
}

.font-urdu {
  font-family: 'Noto Nastaliq Urdu', serif;
}

/* Subtle Mughal jaali lattice SVG background */
.jaali-bg {
  background-color: #faf5ea;
  background-image: url("data:image/svg+xml,%3Csvg width='64' height='64' viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23dfd3bc' stroke-width='0.75' opacity='0.35'%3E%3Cpath d='M32 0 L64 32 L32 64 L0 32 Z'/%3E%3Ccircle cx='32' cy='32' r='10'/%3E%3Cpath d='M32 10 L38 26 L54 32 L38 38 L32 54 L26 38 L10 32 L26 26 Z'/%3E%3C/g%3E%3C/svg%3E");
}

/* Truck-art / Multani tile inspired accent strip */
.truck-art-border {
  height: 6px;
  background: repeating-linear-gradient(
    90deg,
    #115e3b 0px,
    #115e3b 20px,
    #c98a1b 20px,
    #c98a1b 28px,
    #d91e2a 28px,
    #d91e2a 48px,
    #1b4965 48px,
    #1b4965 56px
  );
}

/* Subtle architectural arch top accent on cards */
.arch-card {
  position: relative;
}

.arch-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 64px;
  height: 4px;
  border-bottom-left-radius: 999px;
  border-bottom-right-radius: 999px;
  background-color: #c98a1b;
  opacity: 0.6;
}