/*
  ALINA VREELAND — PALETTE PASS 01
  ---------------------------------
  Purpose:
  - Preserve the existing site structure, typography, spacing, imagery and motion.
  - Introduce a continuous warm tonal progression from deep dark rooms to daylight.
  - Keep the rooms related through shared ivory, taupe, stone and parchment undertones.

  Page progression:
  Home → Film → Photography → Objects → Selected Works → Studio Practice → VREEL → Correspondence
*/

:root {
  --av-ivory: #e8e1d6;
  --av-ivory-soft: #d5cdc1;
  --av-muted: #a79e92;
  --av-faint: #7f776d;

  --av-home: #0f0e0c;
  --av-film: #11100e;
  --av-photo: #15130f;
  --av-objects: #191611;
  --av-works: #171511;
  --av-studio: #211d18;

  --av-vreel-stone: #d7cec0;
  --av-paper: #e5ddd1;
  --av-paper-deep: #ddd4c6;
  --av-ink: #2d2924;
  --av-ink-soft: #6f675e;

  --av-line-dark: rgba(232, 225, 214, .14);
  --av-line-light: rgba(45, 41, 36, .18);
}

/* -------------------------------------------------
   SHARED DARK-ROOM LANGUAGE
------------------------------------------------- */

.home-room,
.film-room,
.photo-room,
.objects-room,
.works-room,
.studio-room {
  color: var(--av-ivory);
}

.film-room,
.photo-room,
.objects-room,
.works-room,
.studio-room {
  min-height: 100vh;
}

/* Retain the homepage atmosphere; only warm its fallback/base. */
.home-room {
  background-color: #090908;
}

.home-room .site-title,
.home-room .archive-nav a,
.home-room .archive-statement {
  color: var(--av-ivory);
}

.home-room .archive-nav a:hover,
.home-room .correspondence-link:hover {
  color: #f0eadf;
}

/* -------------------------------------------------
   FILM — deepest dark room
------------------------------------------------- */

.film-room {
  background:
    radial-gradient(circle at 55% 18%, rgba(77, 67, 55, .055), transparent 42%),
    var(--av-film) !important;
}

.film-room h1,
.film-room .film-work-description,
.film-room .footer-item p,
.film-room .watch-link,
.film-room .film-back,
.film-room .site-footer a {
  color: var(--av-ivory) !important;
}

.film-room .film-label,
.film-room .film-work-meta,
.film-room .film-production-note,
.film-room .footer-item span,
.film-room .site-footer-copy {
  color: var(--av-muted) !important;
}

.film-room .film-footer-bar,
.film-room .site-footer {
  border-color: var(--av-line-dark) !important;
}

/* -------------------------------------------------
   PHOTOGRAPHY — slightly warmer charcoal
------------------------------------------------- */

.photo-room {
  background:
    radial-gradient(circle at 45% 12%, rgba(118, 96, 74, .055), transparent 46%),
    linear-gradient(180deg, #14120f 0%, var(--av-photo) 100%) !important;
}

.photo-room h1,
.photo-room .photo-work-description,
.photo-room .footer-item p,
.photo-room .watch-link,
.photo-room .room-back,
.photo-room .site-footer a {
  color: var(--av-ivory) !important;
}

.photo-room .photo-label,
.photo-room .photo-work-meta,
.photo-room .photo-production-note,
.photo-room .footer-item span,
.photo-room .site-footer-copy {
  color: var(--av-muted) !important;
}

.photo-room .photo-footer-bar,
.photo-room .site-footer {
  border-color: var(--av-line-dark) !important;
}

/* -------------------------------------------------
   OBJECTS — dark umber undertone
------------------------------------------------- */

.objects-room {
  background:
    radial-gradient(circle at 50% 16%, rgba(128, 95, 62, .06), transparent 44%),
    linear-gradient(180deg, #17140f 0%, var(--av-objects) 100%) !important;
}

.objects-room h1,
.objects-room .object-work-description,
.objects-room .footer-item p,
.objects-room .action-link,
.objects-room .room-back,
.objects-room .site-footer a {
  color: var(--av-ivory) !important;
}

.objects-room .object-label,
.objects-room .object-work-meta,
.objects-room .object-production-note,
.objects-room .footer-item span,
.objects-room .site-footer-copy {
  color: var(--av-muted) !important;
}

.objects-room .object-footer-bar,
.objects-room .site-footer {
  border-color: var(--av-line-dark) !important;
}

/* -------------------------------------------------
   SELECTED WORKS — gallery dark, softened from black
------------------------------------------------- */

.works-room {
  background:
    radial-gradient(circle at 50% 8%, rgba(100, 86, 68, .045), transparent 48%),
    var(--av-works) !important;
}

.works-room h1,
.works-room .work-title,
.works-room .room-back,
.works-room .site-footer a {
  color: var(--av-ivory) !important;
}

.works-room .works-label,
.works-room .works-meta,
.works-room .work-card small,
.works-room .work-card em,
.works-room .site-footer-copy {
  color: var(--av-muted) !important;
}

.works-room .site-footer {
  border-color: var(--av-line-dark) !important;
}

/* -------------------------------------------------
   STUDIO PRACTICE — warmest dark room / bridge
------------------------------------------------- */

.studio-room {
  background:
    radial-gradient(circle at 50% 20%, rgba(157, 126, 92, .085), transparent 48%),
    linear-gradient(180deg, #1d1a16 0%, var(--av-studio) 100%) !important;
}

.studio-room .studio-label,
.studio-room .room-back,
.studio-room .site-footer a {
  color: var(--av-ivory-soft) !important;
}

.studio-room .artifact-note {
  color: var(--av-ivory) !important;
}

.studio-room .artifact-note p,
.studio-room .site-footer-copy {
  color: var(--av-muted) !important;
}

.studio-room .site-footer {
  border-color: rgba(232, 225, 214, .16) !important;
}

/* -------------------------------------------------
   VREEL — warm stone bridge into the light rooms
   The collage remains the visual lead; this warms its
   underlying field and navigation rather than redesigning it.
------------------------------------------------- */

.vreel-room {
  background: var(--av-vreel-stone) !important;
  color: var(--av-ink);
}

.vreel-room .room-back,
.vreel-room .site-footer-nav a {
  color: rgba(45, 41, 36, .78) !important;
}

.vreel-room .room-back:hover,
.vreel-room .site-footer-nav a:hover {
  color: var(--av-ink) !important;
}

/* -------------------------------------------------
   CORRESPONDENCE — warm daylight / parchment
------------------------------------------------- */

.inquiries-room {
  background:
    radial-gradient(circle at 72% 20%, rgba(255, 252, 244, .42), transparent 42%),
    linear-gradient(180deg, var(--av-paper) 0%, var(--av-paper-deep) 100%) !important;
  color: var(--av-ink) !important;
}

.inquiries-room h1,
.inquiries-room h2,
.inquiries-room .room-back,
.inquiries-room .action-link,
.inquiries-room .site-footer a,
.inquiries-room .inquiries-intro p:last-child,
.inquiries-room .about-alina-copy p {
  color: var(--av-ink) !important;
}

.inquiries-room .inquiries-label,
.inquiries-room label,
.inquiries-room .site-footer-copy,
.inquiries-room .form-status {
  color: var(--av-ink-soft) !important;
}

.inquiries-room input,
.inquiries-room textarea,
.inquiries-room select {
  color: var(--av-ink) !important;
  background: transparent !important;
  border-color: var(--av-line-light) !important;
}

.inquiries-room select option {
  color: var(--av-ink);
  background: var(--av-paper);
}

.inquiries-room input::placeholder,
.inquiries-room textarea::placeholder {
  color: rgba(45, 41, 36, .42);
}

.inquiries-room .correspondence-layout,
.inquiries-room .about-alina,
.inquiries-room .site-footer {
  border-color: var(--av-line-light) !important;
}

.inquiries-room .action-link {
  border-color: rgba(45, 41, 36, .38) !important;
}

.inquiries-room .action-link:hover {
  background: rgba(45, 41, 36, .06) !important;
}

/* Shared, restrained selection treatment */
.home-room ::selection,
.film-room ::selection,
.photo-room ::selection,
.objects-room ::selection,
.works-room ::selection,
.studio-room ::selection {
  background: rgba(216, 204, 187, .22);
  color: #f3eee6;
}

.vreel-room ::selection,
.inquiries-room ::selection {
  background: rgba(77, 66, 54, .16);
  color: var(--av-ink);
}


/* -------------------------------------------------
   ROOM TITLE REFINEMENT
   Smaller, quieter page titles across the primary rooms.
------------------------------------------------- */
.film-room .film-work-info h1,
.photo-room .photo-work-info h1,
.objects-room .object-work-info h1 {
  font-size: clamp(2.25rem, 3.6vw, 3.75rem) !important;
}

@media (max-width: 780px) {
  .film-room .film-work-info h1,
  .photo-room .photo-work-info h1,
  .objects-room .object-work-info h1 {
    font-size: clamp(2rem, 9vw, 2.75rem) !important;
  }
}

/* Studio Practice now uses the same label + page-title hierarchy. */
.studio-room .studio-intro {
  display: flex;
  flex-direction: column;
  align-items: left;
}

.studio-room .studio-intro .studio-page-title {
  margin-top: 0rem;
  font-family: var(--font-serif);
  font-size: clamp(2.25rem, 3.6vw, 3.75rem);
  font-weight: 300;
  line-height: .95;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--av-ivory) !important;
}

@media (max-width: 780px) {
  .studio-room .studio-intro .studio-page-title {
    font-size: clamp(2rem, 9vw, 2.75rem);
  }
}