/* Hallmark · macrostructure: Editorial Catalogue · tone: playful-premium-editorial · anchor hue: warm 17deg */

/* ==========================================================================
   InihaoStudio — tokens.css
   Section 1 tokens are LOCKED. Do not add, rename, or retune them.
   Everything below the locked block is derived from them, not invented.
   ========================================================================== */

:root {
  /* ---- LOCKED (Section 1) ---- */
  --paper:      #F7F1E6;
  --paper-2:    #EFE6D6;
  --paper-3:    #E7DAC6;
  --ink:        #1C1915;
  --ink-2:      #4A443B;
  --ink-3:      #7A7266;
  --accent:     #E4572E;
  --accent-ink: #FFF6EE;
  --teal:       #2F6B5F;
  --marigold:   #F2B705;
  --line:       #D9CDBA;
  --radius-sm:  6px;
  --radius-md:  12px;
  --radius-lg:  20px;
  --ease-out:    cubic-bezier(.22,1,.36,1);
  --ease-spring: cubic-bezier(.34,1.56,.64,1);
  --dur-fast:  180ms;
  --dur-base:  320ms;
  --dur-slow:  640ms;

  /* ---- Fonts (Section 1) ---- */
  --font-display: "Fraunces", "Iowan Old Style", Georgia, serif;
  --font-body:    "Instrument Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono:    "Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;

  /* ---- Derived: type steps (1.25 major third, 16px base) ---- */
  --text-xs:    0.75rem;   /* 12px — mono labels only, never body */
  --text-sm:    0.875rem;  /* 14px — meta */
  --text-base:  1rem;      /* 16px */
  --text-lg:    1.125rem;  /* 18px */
  --text-xl:    1.25rem;   /* 20px */
  --text-2xl:   1.5625rem; /* 25px */
  --text-3xl:   1.9375rem; /* 31px */
  --text-4xl:   2.4375rem; /* 39px */
  --text-5xl:   3.0625rem; /* 49px */
  --text-6xl:   3.8125rem; /* 61px */

  /* ---- Derived: line heights ---- */
  --leading-tight: 1.15;
  --leading-snug:  1.35;
  --leading-body:  1.5;
  --leading-read:  1.6;   /* Section 7 reader body */

  /* ---- Derived: 4pt spacing scale ---- */
  --space-1:  0.25rem;
  --space-2:  0.5rem;
  --space-3:  0.75rem;
  --space-4:  1rem;
  --space-5:  1.5rem;
  --space-6:  2rem;
  --space-7:  3rem;
  --space-8:  4rem;
  --space-9:  6rem;
  --space-10: 8rem;

  /* ---- Derived: layout ---- */
  --measure:        68ch;
  --measure-read:   66ch;  /* Section 7: 60-72 chars per line */
  --shell:          1240px;
  --shell-narrow:   840px;
  --gutter:         1.25rem;
  --header-h:       68px;

  /* ---- Derived: elevation ---- */
  --shadow-sm: 0 1px 2px rgba(28, 25, 21, 0.06);
  --shadow-md: 0 4px 16px rgba(28, 25, 21, 0.08);
  --shadow-lg: 0 12px 40px rgba(28, 25, 21, 0.12);

  /* ---- Derived: z-index ladder ---- */
  --z-base:    1;
  --z-sticky:  100;
  --z-drawer:  200;
  --z-modal:   300;
  --z-toast:   400;
}

/* Breakpoint contract — Section 11. Documented here because CSS
   custom properties cannot be used inside @media queries.
   320 / 375 / 414 / 768 / 1024 / 1440
   grid: 1col 320-599, 2col 600-899, 3col 900-1199, 4col 1200+ */