/*
 * Eurorack Modules Plugin — CSS Token System (§12)
 * Cascades from WordPress Global Styles tokens with fallbacks.
 * All --erm-* variables can be overridden via FSE Global Styles → Additional CSS.
 */

/* §12.1 — Surface and accent tokens */
:root {
  --erm-color-bg:             var(--wp--preset--color--base,       #ffffff);
  --erm-color-surface:        var(--wp--preset--color--secondary,  #f5f5f5);
  --erm-color-surface-raised: var(--wp--preset--color--base,       #ffffff);
  --erm-color-text-primary:   var(--wp--preset--color--contrast,   #1a1a1a);
  --erm-color-text-secondary: var(--wp--preset--color--contrast,   #555555);
  --erm-color-text-muted:     var(--wp--preset--color--contrast,   #888888);
  --erm-color-border:         var(--wp--preset--color--contrast,   #dddddd);
  --erm-color-border-strong:  var(--wp--preset--color--contrast,   #bbbbbb);
  --erm-color-accent-bg:      var(--wp--preset--color--primary,    #0073aa);
  --erm-color-accent-text:    var(--wp--preset--color--base,       #ffffff);
  --erm-color-accent-subtle:  var(--wp--preset--color--tertiary,   #e8f4fb);

  /* §12.2 — Status badge tokens */
  --erm-badge-concept-bg:     var(--wp--preset--color--primary,    #f1efe8);
  --erm-badge-concept-text:   var(--wp--preset--color--contrast,   #5f5e5a);
  --erm-badge-dev-bg:         var(--wp--preset--color--secondary,  #faeeda);
  --erm-badge-dev-text:       var(--wp--preset--color--contrast,   #854f0b);
  --erm-badge-built-bg:       var(--wp--preset--color--tertiary,   #eaf3de);
  --erm-badge-built-text:     var(--wp--preset--color--contrast,   #3b6d11);

  /* §12.3 — Rack case fixed dark colours — intentionally NOT theme tokens */
  --erm-rack-bg:              #1e1e1c;
  --erm-rack-row-bg:          #141412;
  --erm-rack-empty-bg:        #0e0e0c;
  --erm-rack-empty-border:    #2a2a28;

  /* §12.4 — Status dot fixed functional colours */
  --erm-dot-built:            #5eba5e;
  --erm-dot-dev:              #e8a845;
  --erm-dot-concept:          #888888;
}