/* app/assets/stylesheets/app.css */
.wood-navbar{
  /* 색감 조정용 변수(원목 톤) */
  --wood: 35 45% 35%;   /* 기본 */
  --dark: 35 45% 24%;   /* 어두운 결 */
  --light:35 55% 46%;   /* 밝은 결 */

  position: relative;
  color:#fff;
  /* 다층 그라디언트로 결/옹이 표현 */
  background:
    /* 굵은 결 무늬 */
    repeating-linear-gradient(
      10deg,
      hsl(var(--light)/.14) 0 10px,
      hsl(var(--dark)/.14) 10px 20px
    ),
    /* 미세한 결 */
    repeating-linear-gradient(
      8deg,
      hsl(var(--dark)/.08) 0 2px,
      hsl(var(--light)/.08) 2px 4px
    ),
    /* 옹이(몇 개 점배치) */
    radial-gradient(120% 80% at 12% 65%, hsl(var(--dark)/.20) 0 28%, transparent 30%),
    radial-gradient(140% 90% at 60% 30%,  hsl(var(--dark)/.18) 0 24%, transparent 26%),
    radial-gradient(130% 85% at 86% 72%,  hsl(var(--dark)/.16) 0 20%, transparent 22%),
    /* 바탕색 */
    linear-gradient(0deg, hsl(var(--wood)) 0, hsl(var(--wood)) 100%);
  background-blend-mode: overlay, overlay, multiply, multiply, multiply, normal;
}

/* 가독성 확보(살짝 어둡게) */
.wood-navbar::before{
  content:"";
  position:absolute; inset:0;
  background: linear-gradient(0deg, rgba(0,0,0,.25), rgba(0,0,0,.10));
  pointer-events:none;
}

/* 글자/링크 스타일 */
.wood-navbar .navbar-item{
  position:relative; /* 오버레이 위에 보이도록 */
  color:#fff;
  text-shadow:0 1px 0 rgba(0,0,0,.25);
}