/* Design tokens shared by the desktop and phone homepages. Custom properties only. */
:root {
  /* Type */
  --lorbo-body: "Plus Jakarta Sans", sans-serif;
  --lorbo-heading: "Cormorant Garamond", Georgia, serif;
  --lorbo-display: "Cinzel Decorative", Georgia, serif;
  --lorbo-body-size: 16px;
  --lorbo-body-leading: 1.65;
  --lorbo-note-size: 14px;

  /* Colour */
  --lorbo-candle: #ffe0a2;
  --lorbo-plum: #75577e;
  --lorbo-focus-ring: 2px solid var(--lorbo-candle);
  --lorbo-focus-ring-ink: 2px solid var(--lorbo-plum);
  --lorbo-bronze-rule: linear-gradient(
    90deg,
    transparent 0%,
    #92704488 5%,
    #c49a60 22%,
    #dfb87d 50%,
    #c49a60 78%,
    #92704488 95%,
    transparent 100%
  );
  --lorbo-bronze-rule-shadow: 0 1px 1px #23180f55;

  /* Layers */
  --lorbo-layer-header: 30;
  --lorbo-layer-phone-header: 40;
  --lorbo-layer-overlay: 300;
  --lorbo-layer-skip-link: 1000;

  /* Timing */
  --lorbo-hover: 0.18s ease;
  --lorbo-ease-settle: cubic-bezier(0.22, 1, 0.36, 1);
}