/* =============================================================
   Villa Selya / Vilite — Design tokens
   Derived from the logo (oxblood + sage-olive sun)
   ============================================================= */
:root {
  /* Brand */
  --oxblood:       #2D1410;
  --burgundy:      #3A1A14;
  --burgundy-soft: #4A2620;
  --burgundy-deep: #1F0D0A;

  --olive:         #9E9C5C;
  --olive-deep:    #7A7845;
  --olive-soft:    #B8B67D;
  --olive-glow:    #CFCE98;

  /* Warm neutrals */
  --bone:       #F4EFE6;
  --paper:      #EDE5D3;
  --paper-deep: #DCD0B6;
  --cream:      #FAF6EC;
  --ink:        #1F1A16;
  --charcoal:   #2A2724;
  --smoke:      #6A6258;
  --fog:        #A89E8E;

  /* Accents (sparingly) */
  --moss: #4A5543;
  --rust: #A8553B;
  --sky:  #6B7A6A;

  /* Type */
  --display: "Fraunces", "Times New Roman", serif;
  --body:    "Instrument Sans", -apple-system, system-ui, sans-serif;

  /* Spacing rhythm */
  --gutter:      clamp(1.25rem, 4vw, 3rem);
  --section-pad: clamp(4.5rem, 9vw, 8rem);

  /* Radii */
  --r-s: 4px;
  --r-m: 10px;
  --r-l: 20px;
  --r-xl: 32px;
}

/* The italic-olive headline accent — brand signature */
.em-olive {
  font-style: italic;
  color: var(--olive-deep);
  font-variation-settings: "opsz" 144, "SOFT" 100, "WONK" 1;
}
.on-dark .em-olive,
.em-olive.on-dark {
  color: var(--olive-soft);
}