:root {
  /* Colours — houseofestila.com design system */
  --background:       #FFFFFF;
  --background-warm:  #F0EBE7;
  --surface:          #F0EBE7;
  --surface-dark:     #E4E4E1;
  --ink:              #000000;
  --ink-charcoal:     var(--ink);
  --ink-deep:         #191A38;
  --ink-navy:         var(--ink-deep);
  --ink-soft:         #484141;
  --ink-faint:        var(--ink-soft);
  --gold:             #BF9F5A;
  --gold-hover:       #A88A4A;
  --gold-light:       #D4BA8E;
  --color-gold-light: #D4B87A; /* CTA hover gold (warmer than --gold-light) */
  --border:           #E4E4E1;
  --border-warm:      #E4E4E1;
  --white:            #FFFFFF;

  /* Fonts — houseofestila.com: Abhaya Libre + Lora + Helvetica */
  --font-display:     'Abhaya Libre', Georgia, 'Times New Roman', serif;
  --font-body:        'Lora', Georgia, serif;
  --font-ui:          'Helvetica', Arial, sans-serif;

  /* Spacing */
  --space-2xs: 0.25rem;
  --space-xs:  0.5rem;
  --space-sm:  0.75rem;
  --space-md:  1rem;
  --space-lg:  1.5rem;
  --space-xl:  2rem;
  --space-2xl: 3rem;
  --space-3xl: 4rem;
  --space-4xl: 6rem;
  --space-5xl: 8rem;

  /* Layout */
  --max-width:           1400px;
  --content-width:       860px;
  --header-height:       90px;
  --library-bar-height:  72px;

  /* Animation */
  --ease:          cubic-bezier(0.25, 0.1, 0.25, 1);
  --ease-out:      cubic-bezier(0.16, 1, 0.3, 1);
  --duration-fast: 0.2s;
  --duration:      0.4s;
  --duration-slow: 0.8s;
  --duration-glacial: 1.4s;

  /* Z-index */
  --z-base:        1;
  --z-library-bar: 999;
  --z-header:      1000;
}