/* ============================================================================
   cryptoassets-chrome-map.css — token bridge for the vendored fe-commons
   chrome + drawer primitives.

   PROVENANCE:
     site/assets/chrome.css  vendored verbatim from
       asym-intel/asym-intel-commons:fe-commons/chrome.css (blob b6150f28)
     site/assets/drawer.css  vendored verbatim from
       asym-intel/asym-intel-commons:fe-commons/drawer.css (blob f344f098)
   Per fe-commons/README.md ("Consumption mechanism: build-time copy via
   actions/checkout sparse-checkout") these two files ARE meant to be
   consumed fleet-wide, unlike the WPM/FIM renderer code (§2.2 lock only
   forbids importing/forking ANOTHER CONSUMER's renderer/skin — chrome.css
   and drawer.css are commons primitives, not another consumer's skin).
   Do not edit chrome.css / drawer.css directly — both are palette-agnostic
   via CSS custom-property hooks (their own header comments document each
   hook + fallback); this file supplies the crypto-brand values only.

   Every value below is a var() reference into cryptoassets-tokens.css —
   no hex literals here (guardrail: colour-literal policy, v1 brief §14).
   ============================================================================ */
:root {
  /* chrome.css hooks */
  --chrome-bg:          var(--color-surface);
  --chrome-surface:     var(--color-surface-offset);
  --chrome-line:        var(--color-border);
  --chrome-text:        var(--color-text);
  --chrome-text-muted:  var(--color-text-muted);
  --chrome-accent:      var(--color-primary);
  --chrome-accent-dim:  var(--color-primary-hover);
  --chrome-disc-bg:     var(--color-primary-highlight);
  --chrome-disc-line:   var(--color-primary);
  --chrome-maxw:        1400px;
  --chrome-pad:         var(--space-6);
  --chrome-z:           60;

  /* drawer.css hooks */
  --drawer-surface:     var(--panel);
  --drawer-surface-2:   var(--panel2);
  --drawer-line:        var(--line);
  --drawer-text:        var(--ink);
  --drawer-text-2:      var(--muted);
  --drawer-text-3:      var(--faint);
  --drawer-accent:      var(--accent);
  --drawer-accent-bg:   var(--color-primary-highlight);
}