:root {
  --wood-dark: #3d2b1f;
  --wood-light: #5d4037;
}

.wood-texture {
  background-color: var(--wood-dark);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25'%3E%3Cfilter id='n' x='0' y='0'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.005 0.05' numOctaves='5' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.4 0 0 0 0 0.25 0 0 0 0 0.15 0 0 0 1 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.wood-frame {
  padding: 8px;
  border-radius: 0 0 8px;
  box-shadow:
    2px 2px 10px rgb(0 0 0 / 40%),
    inset -1px -1px 4px rgb(0 0 0 / 30%);
  border-right: 2px solid #2d1e16;
  border-bottom: 2px solid #2d1e16;
}