/* =========================================================
   가르디안 · Colors + Type
   Brand font: Paperlogy (local .ttf)
   ========================================================= */

@font-face {
  font-family: 'Paperlogy';
  src: url('../fonts/Paperlogy-3Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Paperlogy';
  src: url('../fonts/Paperlogy-4Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Paperlogy';
  src: url('../fonts/Paperlogy-5Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Paperlogy';
  src: url('../fonts/Paperlogy-6SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Paperlogy';
  src: url('../fonts/Paperlogy-7Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Paperlogy';
  src: url('../fonts/Paperlogy-8ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Paperlogy';
  src: url('../fonts/Paperlogy-9Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

:root {
  /* --- Colors (Architectural Neutral) --- */
  --bg:       #F6F2EC;
  --bg-2:     #EFE8DD;
  --bg-3:     #E6DDCD;
  --ink:      #1C1A17;
  --ink-2:    #3A352E;
  --ink-3:    #6B625A;
  --ink-4:    #A39889;
  --line:     #D9CEBB;
  --line-2:   #C7BBA6;
  --walnut:   #6B4A2B;
  --walnut-2: #8B5E35;
  --cream:    #FAF7F1;
  --ok:       #4A6B3A;
  --warn:     #A8551F;

  /* --- Type Families --- */
  --font-sans: 'Paperlogy', -apple-system, BlinkMacSystemFont,
               'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
  --font-serif: 'Instrument Serif', 'Noto Serif KR', Georgia, serif;
  --font-mono: 'JetBrains Mono', ui-monospace, Menlo, monospace;

  /* --- Type Scale --- */
  --fs-display:  clamp(44px, 6.2vw, 84px);
  --fs-h1:       clamp(32px, 4vw, 52px);
  --fs-h2:       clamp(28px, 3vw, 40px);
  --fs-h3:       22px;
  --fs-lead:     20px;
  --fs-body:     16px;
  --fs-small:    14px;
  --fs-caption:  12px;
  --fs-mono:     12px;

  /* --- Radii + Shadows --- */
  --radius-s: 6px;
  --radius-m: 10px;
  --radius-l: 18px;
  --shadow-card:  0 1px 0 rgba(28,26,23,0.04), 0 12px 28px -12px rgba(28,26,23,0.12);
  --shadow-float: 0 20px 50px -20px rgba(28,26,23,0.25);
}

/* --- Semantic defaults --- */
body {
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: var(--fs-body);
  color: var(--ink);
  background: var(--bg);
  letter-spacing: -0.01em;
  -webkit-font-smoothing: antialiased;
}
h1 { font-family: var(--font-sans); font-weight: 600; font-size: var(--fs-h1); letter-spacing: -0.03em; line-height: 1.05; }
h2 { font-family: var(--font-sans); font-weight: 600; font-size: var(--fs-h2); letter-spacing: -0.025em; line-height: 1.1; }
h3 { font-family: var(--font-sans); font-weight: 600; font-size: var(--fs-h3); letter-spacing: -0.02em; }
p  { font-family: var(--font-sans); font-weight: 400; line-height: 1.6; color: var(--ink-2); }
small { font-size: var(--fs-small); color: var(--ink-3); }
code, .mono { font-family: var(--font-mono); font-size: var(--fs-mono); }
em.display { font-family: var(--font-sans); font-weight: 800; color: var(--walnut); }