/* ==========================================================================
   Innovo Networks · Semantic colour aliases
   Map raw ramp values to roles. Components reference ONLY these.
   ========================================================================== */

:root {
  /* Brand */
  --brand-primary:        var(--green-500);
  --brand-primary-hover:  var(--green-600);
  --brand-primary-press:  var(--green-700);
  --brand-ink:            var(--navy-900);
  --brand-accent:         var(--info-500);

  /* Text */
  --text-strong:   var(--navy-900);
  --text-body:     var(--grey-800);
  --text-muted:    var(--grey-600);
  --text-subtle:   var(--grey-500);
  --text-inverse:  var(--white);
  --text-on-green: var(--navy-900);   /* green is light → navy text */
  --text-link:     var(--green-700);

  /* Surfaces */
  --surface-page:    var(--grey-50);
  --surface-card:    var(--white);
  --surface-sunken:  var(--grey-100);
  --surface-inverse: var(--navy-900);
  --surface-inverse-2: var(--navy-800);

  /* Borders / lines */
  --border-subtle:  var(--grey-200);
  --border-default: var(--grey-300);
  --border-strong:  var(--grey-400);
  --border-inverse: rgba(255, 255, 255, 0.14);
  --focus-ring:     var(--green-500);

  /* Status */
  --status-info:    var(--info-500);
  --status-info-bg: var(--info-50);
  --status-success: var(--success-500);
  --status-success-bg: var(--success-50);
  --status-warning: var(--warning-500);
  --status-warning-bg: var(--warning-50);
  --status-danger:  var(--danger-500);
  --status-danger-bg: var(--danger-50);
}