/* ============================================================
   Bobinet Square — Color tokens
   Warm, industrial-residential palette drawn from the brand's
   former-textile-factory heritage (brick clay), warm linen
   neutrals, and a calm sage for the "entspannt / relax" mood.
   ============================================================ */
:root {
  /* --- Warm neutrals (paper & ink) --- */
  --paper:          #F4EFE7; /* primary background — warm linen */
  --paper-2:        #EBE3D6; /* deeper section background */
  --paper-3:        #E2D8C8; /* deepest warm band */
  --surface:        #FBF8F2; /* card surface — warm white */
  --surface-raised: #FFFFFF; /* elevated / overlay surface */

  --ink:        #211C17; /* primary text — warm near-black */
  --ink-soft:   #6B6157; /* secondary text */
  --ink-muted:  #978B7B; /* tertiary text, captions */
  --ink-faint:  #BDB2A1; /* disabled, placeholders */

  --line:        #E2D8C8; /* hairline borders */
  --line-strong: #CFC3AF; /* stronger dividers, inputs */

  /* --- Clay (primary accent — brick / terracotta) --- */
  --clay:        #B05735; /* primary action, links, brand */
  --clay-bright: #C56A45; /* hover lift on dark / illustration */
  --clay-deep:   #8C4226; /* active / pressed */
  --clay-tint:   #EBDBD0; /* soft fill, selected bg */
  --clay-tint-2: #DFC7B8; /* stronger soft fill */

  /* --- Sage (secondary — calm / terrace / nature) --- */
  --sage:        #6E7257; /* secondary accent */
  --sage-deep:   #545740; /* active sage */
  --sage-tint:   #E3E4D7; /* soft sage fill */

  /* --- Semantic --- */
  --success:      #5E7150;
  --success-tint: #E2E7D6;
  --warning:      #B5832A;
  --warning-tint: #F0E4CB;
  --danger:       #A8412A;
  --danger-tint:  #F0D9D1;
  --info:         #4A6670;
  --info-tint:    #DDE6E7;

  /* --- Focus / selection --- */
  --focus-ring:   #C56A45;
  --selection-bg: #DFC7B8;

  /* ===========================================================
     Semantic aliases — prefer these in components
     =========================================================== */
  --bg:            var(--paper);
  --bg-alt:        var(--paper-2);
  --bg-deep:       var(--paper-3);
  --surface-card:  var(--surface);
  --surface-pop:   var(--surface-raised);

  --text:          var(--ink);
  --text-soft:     var(--ink-soft);
  --text-muted:    var(--ink-muted);
  --text-on-accent:#FBF8F2;
  --text-on-ink:   #F4EFE7;

  --border:        var(--line);
  --border-strong: var(--line-strong);

  --accent:          var(--clay);
  --accent-hover:    var(--clay-deep);
  --accent-bright:   var(--clay-bright);
  --accent-soft:     var(--clay-tint);
  --accent-contrast: #FBF8F2;

  --accent-2:      var(--sage);
  --accent-2-soft: var(--sage-tint);
}