/* ============================================================
   Quiet — design tokens
   Editorial + dark minimal. One accent, restrained use.
   ============================================================ */

:root {
  /* — Light theme (default) — */
  --bg:        #FBFAF6;
  --surface:   #FFFFFF;
  --fg:        #1A1A1A;
  --muted:     #5A5A5A;
  --border:    #E6E4DD;
  --accent:    #B5562A;       /* warm terracotta — single accent */
  --accent-soft: rgba(181, 86, 42, 0.08);

  /* secondary support */
  --rule:      #1A1A1A;
  --paper:     #F3F1EA;

  /* type */
  --font-display-serif: "Times New Roman", "Iowan Old Style", "Noto Serif KR", Georgia, serif;
  --font-display-sans:  -apple-system, BlinkMacSystemFont, "Inter", "Helvetica Neue", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
  --font-body:          -apple-system, BlinkMacSystemFont, "Inter", "Helvetica Neue", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;
  --font-mono:          ui-monospace, "SF Mono", "JetBrains Mono", "IBM Plex Mono", Menlo, monospace;

  /* type scale (fluid) */
  --fs-display: clamp(56px, 9vw, 132px);
  --fs-h2:      clamp(36px, 5vw, 64px);
  --fs-h3:      clamp(20px, 2.4vw, 28px);
  --fs-body:    clamp(15px, 1.1vw, 17px);
  --fs-small:   clamp(12px, 0.9vw, 13px);
  --fs-eyebrow: 11px;

  /* layout */
  --container:  1240px;
  --gutter:     24px;
  --section-y:  clamp(96px, 12vw, 168px);

  /* radii */
  --r-sm: 4px;
  --r-md: 8px;

  /* motion */
  --ease: cubic-bezier(0.23, 1, 0.32, 1);
  --t-fast: 140ms;
  --t-base: 200ms;
}

/* — Dark theme override — */
:root[data-theme="dark"] {
  --bg:        #0F1115;
  --surface:   #1A1D24;
  --fg:        #E4E6EB;
  --muted:     #8A8E97;
  --border:    #262A33;
  --accent:    #D98657;        /* slightly brighter terracotta for dark surface */
  --accent-soft: rgba(217, 134, 87, 0.12);
  --rule:      #E4E6EB;
  --paper:     #14171C;
}

/* — Font mode override (sans headlines vs serif headlines) — */
:root[data-font="serif"] {
  --font-display: var(--font-display-serif);
}
:root[data-font="sans"] {
  --font-display: var(--font-display-sans);
}