/* FGS Advisory — Semantic colour aliases.
   Point components at these, not the raw scale. */
:root {
  /* Brand */
  --color-brand:        var(--amber-500);
  --color-brand-hover:  var(--amber-600);
  --color-brand-press:  var(--amber-700);
  --color-brand-tint:   var(--amber-100);
  --color-brand-subtle: var(--amber-50);
  --color-on-brand:     var(--black);   /* black text/icons on yellow */

  /* Text */
  --text-primary:   var(--black);
  --text-secondary: var(--gray-600);
  --text-muted:     var(--gray-500);
  --text-inverse:   var(--white);
  --text-brand:     var(--amber-700);   /* amber that passes on white */

  /* Surfaces */
  --surface-page:      var(--white);
  --surface-subtle:    var(--gray-50);
  --surface-muted:     var(--gray-100);
  --surface-card:      var(--white);
  --surface-ink:       var(--black);
  --surface-ink-soft:  var(--gray-900);

  /* Borders */
  --border-subtle:  var(--gray-200);
  --border-default: var(--gray-300);
  --border-strong:  var(--black);

  /* Status */
  --color-success: var(--green-500);
  --color-error:   var(--red-500);
  --color-warning: var(--amber-600);
  --color-info:    var(--blue-500);

  /* Interaction */
  --link:        var(--black);
  --link-hover:  var(--amber-600);
  --focus-ring:  var(--amber-500);
}