/* ============================================================================
   openQCM 2026 · Design tokens (short-name aliases)
   theme.json is the fonte di verità — its palette generates the
   --wp--preset--color--{slug} custom properties. This file aliases them
   under shorter names (--blue, --ink, --line, etc.) so existing component
   CSS (main.css, components/orb.css, per-block style.css) doesn't need to
   write --wp--preset--color--blue everywhere. Fallback literals keep the
   CSS working if theme.json is bypassed (e.g. block-editor preview iframe).
   ============================================================================ */

:root {
  --bg:        var(--wp--preset--color--bg,        #ffffff);
  --bg-soft:   var(--wp--preset--color--bg-soft,   #f6f6f4);
  --ink:       var(--wp--preset--color--ink,       #0a0a0c);
  --ink-2:     var(--wp--preset--color--ink-2,     rgba(10,10,12,0.66));
  --ink-3:     var(--wp--preset--color--ink-3,     rgba(10,10,12,0.42));
  --ink-4:     var(--wp--preset--color--ink-4,     rgba(10,10,12,0.20));
  --line:      var(--wp--preset--color--line,      rgba(10,10,12,0.08));
  --line-2:    var(--wp--preset--color--line-2,    rgba(10,10,12,0.16));
  --blue:      var(--wp--preset--color--blue,      #0286b3);
  --blue-ink:  var(--wp--preset--color--blue-ink,  #015d7d);
  --blue-soft: var(--wp--preset--color--blue-soft, rgba(2,134,179,0.08));
  --blue-glow: var(--wp--preset--color--blue-glow, rgba(2,134,179,0.42));
}