/* Wildor shared styles — design tokens pulled from brand PDF + palette 4 */

/* Palette 4: deep ink + gold + ivory + bronze */
:root {
  --wd-ink: #1C1814;
  --wd-ink-soft: #2A241E;
  --wd-gold: #C9A96E;
  --wd-gold-soft: #B89659;
  --wd-ivory: #E8DFD0;
  --wd-ivory-bright: #F2ECE0;
  --wd-bronze: #5A4A38;
  --wd-bronze-soft: #7A6A54;
  --wd-line: rgba(232, 223, 208, 0.15);
  --wd-line-dark: rgba(28, 24, 20, 0.12);
}

/* Type */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400&family=Cormorant:ital,wght@0,300;0,400;0,500;1,300&family=Inter:wght@300;400;500&display=swap');

.wd-serif { font-family: 'Cormorant Garamond', 'EB Garamond', Georgia, serif; font-weight: 400; }
.wd-serif-display { font-family: 'Cormorant', 'Cormorant Garamond', Georgia, serif; font-weight: 300; letter-spacing: 0.02em; }
.wd-sans { font-family: 'Inter', system-ui, sans-serif; font-weight: 400; letter-spacing: 0.01em; }
.wd-mono-spaced { font-family: 'Inter', system-ui, sans-serif; font-weight: 400; letter-spacing: 0.32em; text-transform: uppercase; }

/* Wordmark — matches "W i l D O R" letter-spaced style from the brand doc */
.wd-wordmark {
  font-family: 'Cormorant', 'Cormorant Garamond', Georgia, serif;
  font-weight: 300;
  letter-spacing: 0.28em;
  text-transform: uppercase;
}

/* Shared form styling hooks (each direction overrides colors) */
.wd-input {
  font-family: 'Inter', system-ui, sans-serif;
  font-weight: 300;
  font-size: 14px;
  letter-spacing: 0.04em;
  background: transparent;
  border: none;
  outline: none;
  width: 100%;
  padding: 14px 2px;
}
.wd-input::placeholder { opacity: 0.55; }

.wd-underline-field {
  position: relative;
  border-bottom: 1px solid currentColor;
  opacity: 0.9;
  transition: border-color 0.3s;
}
.wd-underline-field:focus-within { opacity: 1; }

/* Hover fade-ins */
.wd-fade-in { animation: wdFade 0.9s cubic-bezier(.2,.7,.3,1) both; }
@keyframes wdFade { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); } }

/* Tick icon utility */
.wd-tick {
  display: inline-block;
  width: 10px; height: 10px;
  border-left: 1px solid currentColor;
  border-bottom: 1px solid currentColor;
  transform: rotate(-45deg);
  margin-right: 4px;
  opacity: 0.7;
}

/* Scrollable artboard body — hide scrollbars inside */
.wd-artboard-body { height: 100%; overflow-y: auto; }
.wd-artboard-body::-webkit-scrollbar { display: none; }
.wd-artboard-body { scrollbar-width: none; }