/* ═══════════════════════════════════════════════════════════════════════
   PAPER SYSTEM — the one design language (D117, Roughy 2026-08-09)
   ═══════════════════════════════════════════════════════════════════════
   "The photograph is where all the color comes from — the content."

   Everything the person AUTHORS lives on warm paper: cream, ruled, serif.
   Everything the MACHINE does around it is quiet dark stage. Color belongs
   to the content; the chrome earns exactly two accents:

     · SEPIA  — the hand: actions on your own words (record, clear, done)
     · VIOLET — the spark: AI + voice only. Nowhere else.

   NO BLUE. Anywhere. Ever. The old #667eea era ends here.

   Consumers: poem-editor.js, voice-panel.js, make.html (frame rework),
   the picker (next). Read tokens; never restate hex in components.       */

:root {
  /* ── paper (the authored surface) ───────────────────────────────── */
  --pp-paper:        #f7efcf;   /* the page                            */
  --pp-paper-deep:   #f2e8bd;   /* pressed / active page               */
  --pp-head:         #efe6c4;   /* head + foot bands                   */
  --pp-head-hi:      #fbf6e3;   /* band highlight (gradient top)       */
  --pp-rule:         #e2d7ae;
  --pp-rule-strong:  #cfc19a;   /* borders that must hold              */

  /* ── ink (what's written) ───────────────────────────────────────── */
  --pp-ink:          #2c2c2c;   /* the poem                            */
  --pp-ink-soft:     #5d5648;   /* labels, counts                      */
  --pp-ink-faint:    #8d8468;   /* hints, placeholders                 */
  --pp-ink-ghost:    #b3a98c;   /* watermarks, disabled                */

  /* ── sepia — the hand (actions on your own work) ────────────────── */
  --pp-hand:         #8a5a2b;   /* warm umber                          */
  --pp-hand-deep:    #6f4114;   /* pressed                             */
  --pp-hand-wash:    rgba(138, 90, 43, 0.10);
  --pp-hand-line:    rgba(138, 90, 43, 0.40);

  /* ── violet — the spark (AI + voice ONLY) ───────────────────────── */
  --pp-spark:        #6d28d9;
  --pp-spark-soft:   #8b5cf6;
  --pp-spark-wash:   rgba(139, 92, 246, 0.10);
  --pp-spark-line:   rgba(139, 92, 246, 0.45);

  /* ── record — the one red, by convention ────────────────────────── */
  --pp-rec:          #c2410c;   /* burnt sienna, not alarm-red         */
  --pp-rec-wash:     rgba(194, 65, 12, 0.10);
  --pp-rec-line:     rgba(194, 65, 12, 0.45);

  /* ── the stage (the machine around the paper) ───────────────────── */
  --pp-stage:        #17161a;
  --pp-stage-card:   #211f26;
  --pp-stage-line:   #35323d;
  --pp-stage-ink:    #c9c3d6;
  /* glass variants — the studio skin's translucent cards over a backdrop
     (MAKE-STUDIO-SKIN-V1, D78/0721 device-approved look, tokenized D118) */
  --pp-stage-glass:      rgba(26, 28, 38, 0.88);
  --pp-stage-glass-line: rgba(255, 255, 255, 0.16);
  --pp-stage-glass-ink:  #f0ece2;
  --pp-stage-glass-soft: #c8cedb;

  /* ── type ───────────────────────────────────────────────────────── */
  --pp-serif: Georgia, 'Times New Roman', serif;         /* authored     */
  --pp-sans: -apple-system, 'Segoe UI', system-ui, sans-serif; /* chrome */
  --pp-line: 30px;

  /* ── shape ──────────────────────────────────────────────────────── */
  --pp-radius:       14px;
  --pp-radius-pill:  999px;
  --pp-shadow:       0 4px 18px rgba(28, 22, 10, 0.30);
  --pp-shadow-lift:  0 10px 34px rgba(28, 22, 10, 0.42);
  --pp-ease:         cubic-bezier(0.32, 0.72, 0.28, 1);
}