/* ============================================================
   automatIQ process — Color tokens
   Primary  #07305d (navy)   Secondary #eaa159 (orange)   White
   ============================================================ */
:root {
  /* --- Brand navy scale (primary) --- */
  --navy-900: #041d3a;
  --navy-800: #062744;
  --navy-700: #07305d;   /* PRIMARY brand navy */
  --navy-600: #0d436f;
  --navy-500: #155a8f;
  --navy-400: #3d7bad;
  --navy-300: #7ba6cb;
  --navy-200: #b3cbe1;
  --navy-100: #dce8f2;
  --navy-50:  #eef4f9;

  /* --- Brand orange scale (secondary) --- */
  --orange-900: #9a5c1d;
  --orange-800: #c07a2c;
  --orange-700: #d98f3f;
  --orange-600: #eaa159;   /* SECONDARY brand orange */
  --orange-500: #efb072;
  --orange-400: #f3c290;
  --orange-300: #f7d4b0;
  --orange-200: #fbe5d0;
  --orange-100: #fdf2e6;
  --orange-50:  #fef8f1;

  /* --- Neutrals (cool-tinted to sit with navy) --- */
  --white:     #ffffff;
  --gray-50:   #f6f8fa;
  --gray-100:  #eef1f5;
  --gray-200:  #dfe4ea;
  --gray-300:  #c5cdd7;
  --gray-400:  #9aa5b3;
  --gray-500:  #6b7686;
  --gray-600:  #4c5666;
  --gray-700:  #333c4a;
  --gray-800:  #1e2632;
  --gray-900:  #10151d;

  /* --- Semantic status --- */
  --success: #2e9e6b;
  --success-soft: #e6f4ee;
  --warning: #eaa159;
  --warning-soft: #fdf2e6;
  --danger:  #d1495b;
  --danger-soft: #fbeaec;
  --info:    #155a8f;
  --info-soft: #e6eef6;

  /* ============================================================
     Semantic aliases — reference these in components
     ============================================================ */
  /* Surfaces */
  --surface-page:      var(--white);
  --surface-subtle:    var(--gray-50);
  --surface-card:      var(--white);
  --surface-inverse:   var(--navy-700);   /* dark sections */
  --surface-inverse-2: var(--navy-900);   /* deepest dark */
  --surface-accent:    var(--orange-600);

  /* Text */
  --text-strong:   var(--navy-900);
  --text-body:     var(--gray-700);
  --text-muted:    var(--gray-500);
  --text-inverse:  var(--white);
  --text-inverse-muted: var(--navy-200);
  --text-accent:   var(--orange-600);
  --text-on-accent: var(--navy-900);

  /* Borders / lines */
  --border-subtle: var(--gray-200);
  --border-strong: var(--gray-300);
  --border-inverse: rgba(255, 255, 255, 0.14);

  /* Interactive */
  --brand:          var(--navy-700);
  --brand-hover:    var(--navy-600);
  --brand-active:   var(--navy-800);
  --accent:         var(--orange-600);
  --accent-hover:   var(--orange-500);
  --accent-active:  var(--orange-700);

  /* Focus ring */
  --ring: var(--orange-600);
}