/* ============================================================================
   tt-reserve · design tokens
   ----------------------------------------------------------------------------
   The Claude Design (.dc.html) source carried NO CSS custom properties — every
   value lived inline as a literal hex / number. This file PROMOTES those exact
   literals into a named token layer. Nothing here is invented or "improved":
   each value is copied verbatim from the source, with a source cite.

   Source files:
     Reserve Entry.dc.html   -> the arrival door (index.html)
     Reserve - Flow.dc.html  -> the discover scroll (discover.html)

   Doctrine (docs/source-doctrine): Reserve is a STATE, not a palette. One
   restrained warmth (bronze / candlelight) — NEVER gold-luxe. Prata (display)
   + Spectral (text) on three grounds: evening ink, daylight paper, and the
   single bronze accent ramp.
   ============================================================================ */

:root {
  /* -- Fonts ------------------------------------------------------------ */
  --rz-font-display: 'Prata', Georgia, serif;   /* headings, the House voice */
  --rz-font-text:    'Spectral', Georgia, serif; /* body, kickers, italics    */
  --rz-font-ui:      system-ui, -apple-system, sans-serif; /* micro door labels */

  /* -- Ink / dark family (evening) ------------------------------------- */
  --rz-ink-900: #090807; /* body radial base            Flow:16          */
  --rz-ink-870: #0A0908; /* phone bg / interstitial     Flow:27,140      */
  --rz-ink-850: #0B0908; /* gradient floor              Flow:146,187     */
  --rz-ink-820: #0C0A08; /* deepest door floor          Entry:1512       */
  --rz-ink-800: #100D0A; /* door mid                    Entry:1512       */
  --rz-ink-780: #131009;
  --rz-ink-760: #141210; /* body radial top             Flow:16          */
  --rz-ink-740: #141712; /* journey gradient top        Flow:187         */
  --rz-ink-720: #15120E; /* warm ink top                Entry:1512 Flow:146 */
  --rz-ink-600: #1C1813; /* paper-mode text / dark chip Entry:1531       */
  --rz-ink-500: #211D17; /* curate / archive text       Flow:116,227     */
  --rz-ink-480: #221E18; /* proposal text               Flow:166         */

  /* -- Paper / light family (daylight) --------------------------------- */
  --rz-paper-100: #F2ECE0; /* highlight text            Flow:215         */
  --rz-paper-200: #EFE9DD; /* paper ground              Entry:1531 Flow:166 */
  --rz-paper-300: #EDE7DA; /* scroll text on ink        Flow:28          */
  --rz-paper-400: #EAE3D4; /* evening text              Entry:1512       */
  --rz-paper-500: #E7E1D4; /* curate / archive ground   Flow:116,227     */
  --rz-paper-550: #E7DFCF; /* embossed "R"              Entry:1533       */

  /* -- Warmth / bronze — the single accent ramp ------------------------ */
  --rz-bronze-100: #B8895A; /* primary bronze           Flow:58,213      */
  --rz-bronze-300: #8A5A3A; /* bronze label / seal      Flow:119,132     */
  --rz-bronze-500: #7A4E32; /* seal deep                Flow:213         */
  --rz-bronze-700: #56341E; /* seal core                Flow:59          */

  /* -- Grounds (verbatim) ---------------------------------------------- */
  --rz-ground-flow:    radial-gradient(120% 100% at 50% 0%, #141210, #090807);        /* Flow:16   */
  --rz-ground-evening: linear-gradient(178deg, #15120E 0%, #100D0A 62%, #0C0A08 100%); /* Entry:1512 */
  --rz-ground-paper:   #EFE9DD;                                                         /* Entry:1531 */

  /* -- Easing (three distinct curves in the source) -------------------- */
  --rz-ease-reveal:  cubic-bezier(.62, .02, .2, 1); /* primary reveal / press  */
  --rz-ease-arrival: cubic-bezier(.4, 0, .2, 1);    /* arrival image / lines   */
  --rz-ease-bloom:   cubic-bezier(.2, .6, .2, 1);   /* entry bloom / rise      */

  /* -- Type scale (Prata display, verbatim px/line-height) ------------- */
  --rz-t-hero:     56px; /* "Good evening."         Flow:36  */
  --rz-t-archive:  44px; /* "Kept."                 Flow:232 */
  --rz-t-curate:   36px; /* "What moved you."       Flow:120 */
  --rz-t-world:    33px; /* wander headings         Flow:53  */
  --rz-t-taste:    31px; /* taste list              Flow:134 */
  --rz-t-section:  29px; /* door / concierge line   Entry:1519 Flow:152 */
}
