/* Basis (licht) */
.cw-flash{
    --fl-fg:   #0f172a;
    --fl-ok-bg:   #eef9f2; --fl-ok-bd:#cdebdc;
    --fl-info-bg: #eef2ff; --fl-info-bd:#c7d2fe;
    --fl-warn-bg: #fff7ed; --fl-warn-bd:#fed7aa;
    --fl-err-bg:  #fff1f0; --fl-err-bd:#ffa39e;
  
    color: var(--fl-fg);
    margin:10px 0;
    padding:10px 12px;
    border-radius:10px;
    border:1px solid var(--fl-ok-bd);
    background: var(--fl-ok-bg);
  }
  
  /* Variants */
  .cw-flash--ok   { border-color: var(--fl-ok-bd);   background: var(--fl-ok-bg); }
  .cw-flash--info { border-color: var(--fl-info-bd); background: var(--fl-info-bg); }
  .cw-flash--warn { border-color: var(--fl-warn-bd); background: var(--fl-warn-bg); }
  .cw-flash--err  { border-color: var(--fl-err-bd);  background: var(--fl-err-bg);  }
  
  /* Dark via .dark class */
  .dark .cw-flash{
    --fl-fg:   #e5e7eb;
    --fl-ok-bg:   #0f1f17; --fl-ok-bd:#163826;
    --fl-info-bg: #0f1628; --fl-info-bd:#1d2a46;
    --fl-warn-bg: #241a0e; --fl-warn-bd:#3a2a14;
    --fl-err-bg:  #2a1515; --fl-err-bd:#592b2b;
    color: var(--fl-fg);
  }