/* ============================================================
   Harrison James Estates — Design tokens
   Cinematic dark hero → light editorial body
   ============================================================ */
:root {
  /* Core palette */
  --ink:        #0d0c0a;   /* warm near-black */
  --ink-2:      #141210;   /* panel black */
  --ink-3:      #1d1a16;   /* raised black */
  --cream:      #f6f1e7;   /* primary light bg (Function-style) */
  --paper:      #fbf8f1;   /* lighter card paper */
  --paper-2:    #efe8d9;   /* warm tint card */

  /* Accent — HJ red, pushed redder */
  --accent:     #d12c1a;   /* brand red */
  --accent-2:   #ef3f1d;   /* bright red-orange (marks, ///) */
  --accent-3:   #a31f12;   /* deep red */
  --gold:       #c9a35b;   /* subtle luxury gold */

  /* White page frame (GTE-style) */
  --frame:        8px;
  --frame-radius: 20px;

  /* Text */
  --on-dark:        #f6f1e7;
  --on-dark-soft:   rgba(246,241,231,0.62);
  --on-dark-faint:  rgba(246,241,231,0.34);
  --on-light:       #161310;
  --on-light-soft:  #5c554b;
  --on-light-faint: #968d7f;
  --line-dark:      rgba(246,241,231,0.14);
  --line-light:     rgba(22,19,16,0.12);

  /* Type */
  --serif: "Fraunces", "Times New Roman", serif;
  --sans:  "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --mono:  "Space Mono", ui-monospace, "SF Mono", Menlo, monospace;

  /* Fluid scale */
  --step--1: clamp(0.78rem, 0.74rem + 0.2vw, 0.9rem);
  --step-0:  clamp(1rem, 0.96rem + 0.2vw, 1.12rem);
  --step-1:  clamp(1.25rem, 1.1rem + 0.7vw, 1.6rem);
  --step-2:  clamp(1.6rem, 1.3rem + 1.5vw, 2.4rem);
  --step-3:  clamp(2.1rem, 1.5rem + 3vw, 3.6rem);
  --step-4:  clamp(2.8rem, 1.7rem + 5.4vw, 6rem);
  --step-5:  clamp(3.4rem, 1.6rem + 8.5vw, 8.5rem);

  /* Layout */
  --maxw: 1320px;
  --gutter: clamp(1.25rem, 4vw, 4rem);
  --radius: 18px;
  --radius-lg: 26px;

  /* Motion */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
}