/* ============================================================
   Avansys — Color Tokens
   Palette derived directly from the brand marks:
     • Charcoal wordmark         #3A3A3A
     • Forward chevron gradient  brown #713D18 → orange #E07A30
     • Avansys Lab               navy #15395B + sky #3E8DCB
   Warm-neutral grays keep the system harmonized with the orange.
   ============================================================ */

:root {
  /* ---- Brand: core ---- */
  --av-orange:        #E07A30;   /* primary brand accent */
  --av-orange-bright: #ED8B33;   /* chevron tip, highlights */
  --av-orange-deep:   #C2641F;   /* hover / pressed orange */
  --av-brown:         #713D18;   /* chevron base, deep warm accent */
  --av-brown-soft:    #8B4A1F;

  --av-charcoal:      #3A3A3A;   /* wordmark, primary ink */
  --av-charcoal-2:    #2A2A2A;   /* near-black surfaces */

  /* ---- Brand: Avansys Lab ---- */
  --av-navy:          #15395B;   /* Lab primary, product marks */
  --av-navy-deep:     #0E2840;
  --av-sky:           #3E8DCB;   /* Lab secondary, links, info */
  --av-sky-soft:      #6FACDB;

  /* ---- Signature gradients ---- */
  --av-gradient-forward: linear-gradient(90deg, #713D18 0%, #B5611F 50%, #ED8B33 100%); /* @kind color */
  --av-gradient-lab:     linear-gradient(120deg, #15395B 0%, #3E8DCB 100%); /* @kind color */

  /* ---- Warm neutral scale (tinted toward the brand) ---- */
  --neutral-0:   #FFFFFF;
  --neutral-25:  #FBFAF8;   /* paper / warm off-white */
  --neutral-50:  #F5F3EF;
  --neutral-100: #ECE9E3;
  --neutral-200: #DCD8D0;
  --neutral-300: #C3BDB2;
  --neutral-400: #9C958A;
  --neutral-500: #756F66;
  --neutral-600: #57524B;
  --neutral-700: #403C37;
  --neutral-800: #2C2925;
  --neutral-900: #1C1A17;

  /* ---- Semantic status ---- */
  --status-success: #2E8B57;
  --status-success-soft: #E4F1EA;
  --status-warning: #D9912B;
  --status-warning-soft: #FAF0DC;
  --status-danger:  #C0432F;
  --status-danger-soft: #F8E4E0;
  --status-info:    #3E8DCB;
  --status-info-soft: #E4EFF8;

  /* ============================================================
     Semantic aliases — reference these in components
     ============================================================ */

  /* Text */
  --text-strong:   var(--av-charcoal);
  --text-body:     var(--neutral-700);
  --text-muted:    var(--neutral-500);
  --text-subtle:   var(--neutral-400);
  --text-inverse:  var(--neutral-0);
  --text-accent:   var(--av-orange-deep);
  --text-link:     var(--av-sky);
  --text-on-navy:  #D8E4EF;

  /* Surfaces */
  --surface-page:    var(--neutral-25);
  --surface-card:    var(--neutral-0);
  --surface-sunken:  var(--neutral-50);
  --surface-raised:  var(--neutral-0);
  --surface-ink:     var(--av-charcoal);
  --surface-navy:    var(--av-navy);
  --surface-navy-deep: var(--av-navy-deep);

  /* Borders */
  --border-subtle:  var(--neutral-200);
  --border-default: var(--neutral-300);
  --border-strong:  var(--neutral-400);
  --border-accent:  var(--av-orange);

  /* Interactive (primary = orange) */
  --action-primary:        var(--av-orange);
  --action-primary-hover:  var(--av-orange-deep);
  --action-primary-text:   var(--neutral-0);
  --action-secondary:      var(--av-navy);
  --action-secondary-hover: var(--av-navy-deep);

  /* Focus */
  --focus-ring: 0 0 0 3px rgba(224, 122, 48, 0.40);
}