/* Arc Digital — Color Tokens
   Derived from PPTX slides and PDF brand materials.
   Primary palette: deep teal + mint green + cyan + blue
*/

:root {
  /* ── Brand Teal ── */
  --teal-950: #081e1c;
  --teal-900: #0c2827;
  --teal-850: #0f2e2a;
  --teal-800: #133d36;
  --teal-700: #1a5248;
  --teal-600: #22695c;
  --teal-500: #2d8a78;
  --teal-400: #3dafd8;
  --teal-300: #6ecfb8;
  --teal-200: #a8edd8;
  --teal-100: #d4f5ec;
  --teal-50:  #eef9f5;

  /* ── Mint Green (primary accent) ── */
  --green-600: #3db37a;
  --green-500: #56c98e;
  --green-400: #80ddaa;
  --green-300: #a5ebbf;
  --green-200: #c8f4d8;
  --green-100: #e4faf0;

  /* ── Cyan (gradient / secondary) ── */
  --cyan-600: #1aacb8;
  --cyan-500: #22c0ce;
  --cyan-400: #28c8d8;
  --cyan-300: #5dd8e4;
  --cyan-200: #9ee8f0;
  --cyan-100: #d4f6f9;

  /* ── Blue (data / interactive) ── */
  --blue-900: #0f2460;
  --blue-800: #1a3a9a;
  --blue-700: #1e47be;
  --blue-600: #2254c5;
  --blue-500: #4091df;
  --blue-400: #5ba5e8;
  --blue-300: #85bff0;
  --blue-200: #b8d9f8;
  --blue-100: #deeefb;
  --blue-50:  #f0f7fd;

  /* ── Purple (alert / contrast highlight) ── */
  --purple-600: #9a35c2;
  --purple-500: #b34cd9;
  --purple-400: #cb6ce6;
  --purple-300: #db94ef;
  --purple-200: #edcaf8;

  /* ── Status / Semantic Colors ── */
  --status-success:       #22c55e;
  --status-success-bg:    #dcfce7;
  --status-warning:       #f59e0b;
  --status-warning-bg:    #fef3c7;
  --status-danger:        #ef4444;
  --status-danger-bg:     #fee2e2;
  --status-info:          var(--blue-500);
  --status-info-bg:       var(--blue-100);
  --status-pending:       #f97316;
  --status-pending-bg:    #ffedd5;

  /* ── Neutral ── */
  --neutral-950: #060d0d;
  --neutral-900: #0f1419;
  --neutral-800: #1c2534;
  --neutral-700: #374151;
  --neutral-600: #4b5563;
  --neutral-500: #6b7280;
  --neutral-400: #9ca3af;
  --neutral-300: #d1d5db;
  --neutral-200: #e5e7eb;
  --neutral-100: #f3f4f6;
  --neutral-50:  #f9fafb;
  --neutral-0:   #ffffff;

  /* ── Semantic Aliases ── */
  --bg-base:        var(--neutral-0);
  --bg-subtle:      var(--neutral-50);
  --bg-muted:       var(--neutral-100);
  --bg-dark:        var(--teal-900);
  --bg-dark-deeper: var(--teal-950);

  --surface-card:       var(--neutral-0);
  --surface-raised:     var(--neutral-0);
  --surface-overlay:    var(--neutral-0);
  --surface-dark:       var(--teal-800);

  --text-primary:   var(--neutral-900);
  --text-secondary: var(--neutral-600);
  --text-muted:     var(--neutral-400);
  --text-disabled:  var(--neutral-300);
  --text-inverse:   var(--neutral-0);
  --text-accent:    var(--green-400);
  --text-link:      var(--blue-600);

  --border-default: var(--neutral-200);
  --border-strong:  var(--neutral-300);
  --border-focus:   var(--blue-500);

  --brand-primary:   var(--teal-900);
  --brand-accent:    var(--green-400);
  --brand-secondary: var(--blue-600);
  --brand-highlight: var(--cyan-400);
}