/* House Hunt Diary — Design tokens
 * Editorial warmth. Cream paper, warm ink, single terracotta accent.
 * Type: Fraunces (display) + Inter (UI). Deliberately classic — this is a
 * "saved keepsake" product, not a portal.
 */

:root {
  /* warm neutrals (subtly toned, low saturation) */
  --paper:        #f7f3ec;   /* board background */
  --paper-2:      #efeae0;   /* cards/inputs background */
  --paper-3:      #e6e0d3;   /* subtle dividers, hover */
  --ink:          #1f1b16;   /* primary text */
  --ink-2:        #4a4339;   /* secondary text */
  --ink-3:        #8b8275;   /* tertiary, meta */
  --ink-4:        #b8b0a1;   /* placeholder */
  --line:         #d9d2c2;   /* borders */
  --line-2:       #e8e2d3;   /* subtle borders */

  /* single accent — terracotta */
  --accent:       #c2624a;
  --accent-soft:  #e9d2c8;
  --accent-ink:   #7a3a26;

  /* status (used sparingly) */
  --shortlist:    #b88b3a;   /* warm gold for shortlisted */
  --visited:      #5d7a5d;   /* sage for visited */

  /* shadows — warm, low */
  --shadow-1: 0 1px 2px rgba(60,40,20,.05), 0 1px 1px rgba(60,40,20,.04);
  --shadow-2: 0 2px 4px rgba(60,40,20,.06), 0 8px 24px rgba(60,40,20,.06);
  --shadow-3: 0 8px 16px rgba(60,40,20,.08), 0 24px 48px rgba(60,40,20,.10);

  /* radii */
  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 14px;
  --r-xl: 20px;

  /* type */
  --serif: 'Fraunces', 'Iowan Old Style', 'Apple Garamond', Georgia, serif;
  --sans:  'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
  --mono:  'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
}

/* base */
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
  font-family: var(--sans);
  color: var(--ink);
  background: var(--paper);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* === source-style striped placeholder for hero imagery === */
.hhd-img-ph {
  position: relative;
  background:
    repeating-linear-gradient(135deg,
      rgba(31,27,22,.04) 0 12px,
      rgba(31,27,22,.07) 12px 24px),
    var(--ph-bg, #d9c8b8);
  overflow: hidden;
}
.hhd-img-ph::after {
  content: var(--ph-label, "");
  position: absolute; left: 12px; bottom: 10px;
  font-family: var(--mono); font-size: 10px;
  letter-spacing: .04em;
  color: rgba(31,27,22,.55);
  text-transform: uppercase;
}

/* tiny utilities used a lot */
.dot { width: 4px; height: 4px; border-radius: 999px; background: var(--ink-3); display: inline-block; flex: none; }
.kbd {
  font-family: var(--mono); font-size: 11px;
  border: 1px solid var(--line); padding: 1px 5px; border-radius: 4px;
  background: var(--paper); color: var(--ink-2);
}

/* hide scrollbars on internal scroll regions */
.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { scrollbar-width: none; }

/* hover-lift used by all card variants */
.hhd-lift { transition: transform .18s ease, box-shadow .18s ease; }
.hhd-lift:hover { transform: translateY(-2px); box-shadow: var(--shadow-2); }

/* button reset */
button { font: inherit; color: inherit; background: none; border: 0; padding: 0; cursor: pointer; }