/* Rozgaar — illustrated scene tiles (no trademarks, no logos)
   Each .scene has a specific Indian-context composition drawn in SVG.
   All scenes share the site palette via CSS variables. */

.scene {
  border-radius: var(--radius);
  overflow: hidden;
  position: relative;
  display: block;
  width: 100%;
}
.scene.rounded-flat { border-radius: 0; }
.scene.square { aspect-ratio: 1/1; }
.scene.tall { aspect-ratio: 3/4; }
.scene.wide { aspect-ratio: 16/10; }
.scene.cinematic { aspect-ratio: 16/9; }
.scene.portrait { aspect-ratio: 5/6; }
.scene svg {
  width: 100%; height: 100%;
  display: block;
}

/* colour tokens reused across scenes */
.scene .bg-cream { fill: #FBF7EE; }
.scene .bg-cream2 { fill: #F5EFDF; }
.scene .bg-sky { fill: #EAF4F8; }
.scene .bg-green { fill: #E4F3E9; }
.scene .bg-yellow { fill: #FFF3D1; }
.scene .bg-ink { fill: #14221A; }
.scene .green { fill: #1FA34A; }
.scene .green-d { fill: #0E7A38; }
.scene .green-l { fill: #6FC08A; }
.scene .yellow { fill: #F4B31F; }
.scene .amber { fill: #E88A1A; }
.scene .ink { fill: #14221A; }
.scene .slate { fill: #5A6B60; }
.scene .line  { stroke: #14221A; fill: none; stroke-linecap: round; stroke-linejoin: round; }
.scene .skin-a { fill: #D9A074; }
.scene .skin-b { fill: #B67C50; }
.scene .skin-c { fill: #8C5A38; }
.scene .white { fill: #FBF7EE; }
.scene .dupatta-pink { fill: #E26B7B; }
.scene .sari-teal { fill: #2F7A7C; }
.scene .shirt-blue { fill: #3C6AB0; }
.scene .shirt-red { fill: #C83F3F; }
.scene .cap-orange { fill: #E88A1A; }