/* ============================================================
   VARIABLES — the House palette
   ------------------------------------------------------------
   Gold is treated like real metal: rare, warm, intentional.
   It is never a full-screen gradient and never bright yellow.
   ============================================================ */

:root {

  /* ---- Dark foundation ---- */
  --obsidian:        #050505;
  --obsidian-lift:   #0c0a09;   /* one step up, for layered dark panels */
  --obsidian-edge:   #16130f;   /* hairline separators on dark */
  --charcoal:        #211d1a;

  /* ---- Gold, in three weights ---- */
  --gold:            #d8ad55;   /* brighter antique — readable on black */
  --gold-burnished:  #7b5016;   /* deeper — readable on ivory */
  --gold-champagne:  #ead39f;   /* soft — highlights, feminine detail */
  --gold-whisper:    rgba(216, 173, 85, 0.34);  /* visible hairlines */
  --gold-breath:     rgba(216, 173, 85, 0.11);  /* quiet but visible washes */

  /* ---- Light foundation ---- */
  --ivory:           #f6f1e8;
  --pearl:           #fbf8f2;
  --ivory-edge:      #e6ddcc;   /* hairline separators on light */

  /* ---- Type colours ----
     Body copy sits near full strength. No pale grey text. */
  --ink:             #211d1a;   /* body on light */
  --ink-soft:        #3b342e;   /* secondary on light — AA-readable */
  --ink-light:       #f4efe6;   /* body on dark */
  --ink-light-soft:  #ddd5c9;   /* secondary on dark — AA-readable */

  /* ---- Accents drawn from her actual work ---- */
  --crimson:         #7a1220;   /* the Crimson Rose box */
  --midnight:        #1b2a44;   /* Blue Tiger Eye, sapphire crystals */
  --silver:          #c8ccd0;   /* sterling */
  --copper:          #a45f3a;   /* the Nest Ring sphere */

  /* ---- Status ---- */
  --status-available: #6f8f5f;
  --status-reserved:  var(--gold-burnished);
  --status-sold:      #8a8078;

  /* ---- Type ----
     Italiana  — large poetic display. Fine, curved, feminine.
     Cinzel    — the House voice. Matches her logo's letterforms.
     Jost      — reading and interface. Warm geometric, not Inter.  */
  --font-display: 'Italiana', 'Didot', Georgia, serif;
  --font-house:   'Cinzel', 'Trajan Pro', Georgia, serif;
  --font-body:    'Jost', 'Futura', 'Avenir Next', system-ui, sans-serif;

  /* ---- Fluid type scale ---- */
  --t-hero:   clamp(2.9rem, 1.4rem + 6.4vw, 8rem);
  --t-xxl:    clamp(2.3rem, 1.4rem + 3.9vw, 5rem);
  --t-xl:     clamp(1.9rem, 1.4rem + 2.2vw, 3.2rem);
  --t-lg:     clamp(1.4rem, 1.2rem + 1.1vw, 2rem);
  --t-md:     clamp(1.06rem, 1rem + 0.3vw, 1.2rem);
  --t-body:   clamp(1rem, 0.96rem + 0.2vw, 1.1rem);
  --t-sm:     0.95rem;
  --t-xs:     0.875rem;

  /* ---- Letterspacing: the House sets wide, body sets normal ---- */
  --track-house: 0.26em;
  --track-wide:  0.14em;

  /* ---- Rhythm ----
     Sections are close-packed. No cavernous empty space. */
  --space-room:  clamp(4rem, 3rem + 4vw, 7rem);   /* clear separation between sections */
  --space-lg:    clamp(2rem, 1.6rem + 2vw, 3.5rem);
  --space-md:    1.5rem;
  --space-sm:    0.85rem;

  --shell:       min(94vw, 1400px);
  --measure:     62ch;     /* comfortable reading width */

  /* ---- Curves ----
     The spiral rules the geometry. Almost nothing is a plain
     rectangle: images take arch and leaf masks, panels take
     asymmetric radii. */
  --curve-arch:  49% 49% 8% 8% / 34% 34% 8% 8%;   /* doorway */
  --curve-leaf:  56% 12% 56% 12% / 12% 56% 12% 56%;
  --curve-soft:  1.6rem;
  --curve-pill:  100px;

  /* ---- Elevation: warm shadow, never grey ---- */
  --lift-sm: 0 2px 14px rgba(5, 5, 5, 0.16);
  --lift-md: 0 14px 44px rgba(5, 5, 5, 0.22);
  --lift-lg: 0 30px 90px rgba(5, 5, 5, 0.4);

  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --ease-spiral: cubic-bezier(0.65, 0, 0.35, 1);
}

/* ============================================================
   ROOM LIGHTING
   ------------------------------------------------------------
   Sancia photographs her boxes on black in candlelight, and her
   jewelry outdoors in daylight. Forcing one background over both
   would fight the photography, so each room carries its own
   light and the page inherits from it. This is why the site
   feels like moving between rooms rather than scrolling a
   catalogue.
   ============================================================ */

/* Dark rooms: the House at night, the Keepsake Room, the Scent Room */
.lit-night {
  --bg:         var(--obsidian);
  --bg-lift:    var(--obsidian-lift);
  --fg:         var(--ink-light);
  --fg-soft:    var(--ink-light-soft);
  --edge:       var(--gold-whisper);
  --edge-solid: var(--obsidian-edge);
  background: var(--obsidian);
  color: var(--ink-light);
}

/* Light rooms: the Adornment Room, reading, forms, care */
.lit-day {
  --bg:         var(--ivory);
  --bg-lift:    var(--pearl);
  --fg:         var(--ink);
  --fg-soft:    var(--ink-soft);
  --edge:       var(--ivory-edge);
  --edge-solid: var(--ivory-edge);
  background: var(--ivory);
  color: var(--ink);
}

/* Softest light — editorial and airy product storytelling */
.lit-dawn {
  --bg:         var(--pearl);
  --bg-lift:    #fff;
  --fg:         var(--ink);
  --fg-soft:    var(--ink-soft);
  --edge:       var(--ivory-edge);
  --edge-solid: var(--ivory-edge);
  background: var(--pearl);
  color: var(--ink);
}