/* ============================================================
   Liora Interior Studio  -  Color tokens
   WHITE world. Warm tones live ONLY in headings and a few small
   accents. Near-black ink for body. Thin warm-grey hairlines.
   ============================================================ */

:root {
  /* ---- Base neutrals (the white world) ---- */
  --white:     #FFFFFF;
  --base:      #FCFBF9;  /* primary background  -  reads white, whisper-warm */
  --panel:     #F7F2EB;  /* rare warm section panel (used sparingly)        */
  --ink:       #232020;  /* near-black, primary text & dark fills           */
  --ink-soft:  #4A443E;  /* softened body                                   */
  --taupe:     #8A8178;  /* secondary text / labels                         */
  --taupe-soft:#A8A099;  /* faint meta                                      */

  /* ---- Warm accents (HEADINGS + small elements only) ---- */
  --warm-heading: #8E7C68;  /* the muted greige-brown of section headings   */
  --caramel:      #B89B7B;  /* caramel-brown accent (mark, arrows, rules)   */
  --caramel-deep: #A2825F;  /* hover / pressed caramel                      */
  --sand:         #E4D5C4;  /* warm beige  -  small accent fills only         */
  --cream:        #F6F1EA;  /* legacy warm  -  rare panel                     */
  --watermark:    #a2825f82; /* полупрозрачный теплый для декоративных слов  */

  /* ---- Hairlines (the core motif  -  thin, warm-grey) ---- */
  --line:        rgba(35, 32, 32, 0.14);  /* default horizontal rule        */
  --line-strong: rgba(35, 32, 32, 0.30);  /* inputs / emphasis              */
  --line-faint:  rgba(35, 32, 32, 0.08);  /* whisper                        */
  --line-ondark: rgba(255, 255, 255, 0.20);

  /* ---- Semantic aliases ---- */
  --bg-base:        var(--base);
  --bg-white:       var(--white);
  --bg-panel:       var(--panel);
  --bg-inverse:     var(--ink);

  --surface-card:   var(--white);
  --surface-card-border: var(--line);

  --text-strong:    var(--ink);
  --text-body:      var(--ink-soft);
  --text-muted:     var(--taupe);
  --text-faint:     var(--taupe-soft);
  --text-heading:   var(--warm-heading);   /* warm headings                */
  --text-on-dark:   #F4F1EC;
  --text-on-dark-muted: rgba(244, 241, 236, 0.62);

  --accent:         var(--caramel);
  --accent-hover:   var(--caramel-deep);
  --accent-ink:     #7A6346;  /* caramel readable as small text on white    */

  --focus-ring:     rgba(184, 155, 123, 0.55);

  /* ---- Status (muted, warm world) ---- */
  --success: #6E7B5E;
  --warning: #C08A3E;
  --danger:  #A85B4C;
}