/* ============================================================
   민속밀면 × 샐리스푸드 — Design Tokens
   3개 테마: 먹빛(ink) / 모던(modern) / 한지(hanji)
   ============================================================ */

/* Korean serif via Google Fonts — 명조(Nanum Myeongjo, Gowun Batang) + 고딕 */
@font-face {
  font-family: 'Jeju Myeongjo Local';
  src: url('../assets/fonts/JejuMyeongjo.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;700;800&family=Gowun+Batang:wght@400;700&family=Jeju+Myeongjo&family=Noto+Serif+KR:wght@300;400;500;600;700;900&family=Noto+Sans+KR:wght@300;400;500;700;900&family=Cormorant+Garamond:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap');

:root {
  /* ── Brand — 먹빛 & 금박 (기본) ────────────────────────── */
  --ink-0:   #0B0A08;      /* 먹 — 깊은 검정 */
  --ink-1:   #121010;      /* 먹색 표면 */
  --ink-2:   #1A1715;      /* 카드 표면 */
  --ink-3:   #231F1B;      /* 호버 표면 */
  --ink-line:#2A2622;      /* hairline */

  --paper-0: #F6F1E4;      /* 한지 밀크 — 따뜻한 크림 */
  --paper-1: #EEE7D4;      /* 한 톤 다운된 표면 */
  --paper-2: #D8CFB6;      /* 음영 */
  --paper-line: rgba(60, 50, 30, 0.14);

  /* 금박 — gold leaf */
  --gold:      #C9A24A;
  --gold-hi:   #E4C77A;
  --gold-dim:  #8A6E2E;
  --gold-deep: #5A4416;

  /* 맷 그레이 — 트렌디 옵션용 (기존 burgundy 토큰 재활용) */
  --burgundy:  #2F4A3A;       /* deep matte forest green */
  --burgundy-hi: #4A6A55;     /* softer sage hover */
  --burgundy-dim: #1A2C22;    /* darkest green */

  /* 고추기름 붉음 — 액센트 */
  --red:       #B03A2E;
  --red-hi:    #D9573F;

  /* 텍스트 */
  --text-on-ink:     #F0E9DC;
  --text-on-ink-2:   #BAB0A0;
  --text-on-ink-3:   #827868;
  --text-on-paper:   #141414;
  --text-on-paper-2: #3C3C3C;
  --text-on-paper-3: #6E6E6E;

  /* ── Typography ────────────────────────────────────────── */
  --font-myeongjo: 'Nanum Myeongjo', 'Noto Serif KR', 'Gowun Batang', serif;
  --font-jeju:     'Jeju Myeongjo Local', 'Jeju Myeongjo', 'Nanum Myeongjo', 'Noto Serif KR', serif;
  --font-serif-en: 'Cormorant Garamond', 'Nanum Myeongjo', serif;
  --font-gothic:   'Noto Sans KR', 'Inter', -apple-system, sans-serif;
  --font-inter:    'Inter', 'Noto Sans KR', sans-serif;

  /* Scale */
  --fs-hero:   96px;
  --fs-h1:     64px;
  --fs-h2:     40px;
  --fs-h3:     28px;
  --fs-lg:     20px;
  --fs-md:     16px;
  --fs-sm:     14px;
  --fs-xs:     12px;
  --fs-tiny:   10px;

  /* Spacing (8pt rhythm, generous) */
  --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px; --sp-4: 16px;
  --sp-5: 24px; --sp-6: 32px; --sp-7: 48px; --sp-8: 64px;
  --sp-9: 96px; --sp-10: 128px;

  /* Motion */
  --ease: cubic-bezier(0.2, 0.8, 0.2, 1);
  --ease-soft: cubic-bezier(0.4, 0, 0.2, 1);
}

/* 한지 질감 — subtle noise overlay */
.texture-hanji {
  background-color: var(--paper-0);
  background-image:
    radial-gradient(ellipse at 20% 10%, rgba(160,130,70,0.08) 0%, transparent 55%),
    radial-gradient(ellipse at 80% 80%, rgba(120,90,40,0.06) 0%, transparent 55%),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.4  0 0 0 0 0.3  0 0 0 0 0.15  0 0 0 0.08 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
}

.texture-ink {
  background-color: var(--ink-0);
  background-image:
    radial-gradient(ellipse at 50% 0%, rgba(201,162,74,0.04) 0%, transparent 60%),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 0.9  0 0 0 0 0.7  0 0 0 0.04 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
}

/* 금박 foil — gradient 금속감 */
.foil-gold {
  background: linear-gradient(135deg,
    #8A6E2E 0%,
    #C9A24A 20%,
    #E4C77A 35%,
    #F5E8B8 50%,
    #E4C77A 65%,
    #C9A24A 80%,
    #8A6E2E 100%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}

/* 도장/seal style */
.seal-stamp {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 56px; height: 56px;
  background: var(--burgundy);
  color: var(--paper-0);
  font-family: var(--font-myeongjo);
  font-weight: 800;
  border-radius: 4px;
  transform: rotate(-4deg);
  letter-spacing: 0.05em;
  box-shadow: 0 2px 0 rgba(0,0,0,0.2);
}