/* ADRIN / YouCan foundation layer
   Shared product and navigation refinements beneath ADRIN V2. */

:root {
  --adrin-ink: #151515;
  --adrin-muted: #696661;
  --adrin-paper: #f2efe9;
  --adrin-paper-deep: #e8e4de;
  --adrin-accent: #397a7d;
  --adrin-line: rgba(21, 21, 21, 0.14);
}

html {
  scroll-behavior: smooth;
}

body {
  background: var(--adrin-paper);
  color: var(--adrin-ink);
  letter-spacing: -0.01em;
}

[ui-layout="navbar"] {
  background: color-mix(in srgb, var(--adrin-paper) 92%, transparent);
  border-color: var(--adrin-line);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

[ui-layout="navbar"] .name,
[ui-layout="footer"] .name {
  font-family: var(--font-heading-family);
  font-weight: 700;
  letter-spacing: 0.22em;
  text-transform: uppercase;
}

[ui-layout="navbar"] .links {
  letter-spacing: 0.02em;
}

[ui-section="product-tabs"] .items,
[ui-section="featured-collection"] .items {
  gap: clamp(0.75rem, 2vw, 1.5rem);
}

[ui-section="product-tabs"] ui-product,
[ui-section="featured-collection"] ui-product {
  transition: transform 180ms ease, box-shadow 180ms ease;
}

@media (hover: hover) {
  [ui-section="product-tabs"] ui-product:hover,
  [ui-section="featured-collection"] ui-product:hover {
    transform: translateY(-3px);
  }
}

[ui-section="single-product"] .media,
[ui-section="single-product"] .product-media {
  background: #eee9e1;
}

[ui-section="feature-list"] .items-area {
  border-top: 1px solid var(--adrin-line);
  border-bottom: 1px solid var(--adrin-line);
}

[ui-section="rich-text"] .description {
  max-width: 46rem;
}

[ui-layout="footer"] {
  margin-top: clamp(2rem, 5vw, 5rem);
}

button,
a[ui-slot="button"] {
  letter-spacing: 0.01em;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
}