/* ============================================================
   IntentLink — Color tokens
   "Airy Gradient / Clean Authority": white canvas, slate ink,
   tech-blue brand, cyan spark. Derived from the live homepage
   (Tailwind blue + slate + cyan scales).
   ============================================================ */

:root {
  /* ---- Brand blue scale (primary) ---- */
  --blue-50:  #eff6ff;
  --blue-100: #dbeafe;
  --blue-200: #bfdbfe;
  --blue-300: #93c5fd;
  --blue-400: #60a5fa;
  --blue-500: #3b82f6;
  --blue-600: #2563eb;  /* brand primary */
  --blue-700: #1d4ed8;  /* primary hover / pressed */
  --blue-800: #1e40af;
  --blue-900: #1e3a8a;

  /* ---- Indigo (gradient mid-stop) ---- */
  --indigo-500: #6366f1;
  --indigo-600: #4f46e5;

  /* ---- Cyan accent (gradient end-stop / spark) ---- */
  --cyan-300: #67e8f9;
  --cyan-400: #22d3ee;
  --cyan-500: #06b6d4;
  --cyan-600: #0891b2;

  /* ---- Slate neutral scale (ink + surfaces) ---- */
  --slate-50:  #f8fafc;
  --slate-100: #f1f5f9;
  --slate-200: #e2e8f0;
  --slate-300: #cbd5e1;
  --slate-400: #94a3b8;
  --slate-500: #64748b;
  --slate-600: #475569;
  --slate-700: #334155;
  --slate-800: #1e293b;
  --slate-900: #0f172a;

  --white: #ffffff;
  --black: #020617;

  /* ---- Semantic: status ---- */
  --success: #16a34a;
  --success-bg: #f0fdf4;
  --warning: #d97706;
  --warning-bg: #fffbeb;
  --danger: #dc2626;   /* destructive */
  --danger-bg: #fef2f2;
  --info: var(--blue-600);

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

  /* Brand */
  --primary:            var(--blue-600);
  --primary-hover:      var(--blue-700);
  --primary-pressed:    var(--blue-800);
  --primary-foreground: var(--white);
  --primary-soft:       var(--blue-50);   /* tinted fills / chips */
  --accent:             var(--cyan-500);

  /* Text */
  --text-strong:  var(--slate-900);  /* headings */
  --text-body:    var(--slate-800);  /* body copy on white */
  --text-muted:   var(--slate-500);  /* secondary / descriptions */
  --text-subtle:  var(--slate-400);  /* captions / footnotes */
  --text-on-brand:var(--white);
  --text-link:    var(--blue-600);

  /* Surfaces */
  --surface-page:    var(--white);
  --surface-card:    var(--white);
  --surface-sunken:  var(--slate-50);   /* alternating section bg */
  --surface-tint:    var(--blue-50);    /* soft blue section wash */
  --surface-inverse: var(--slate-900);

  /* Borders & lines */
  --border:        var(--slate-100);  /* default card/divider hairline */
  --border-strong: var(--slate-200);
  --border-brand:  var(--blue-100);   /* tinted border on focus/active card */
  --ring:          var(--blue-600);   /* focus ring color */

  /* ---- Signature gradients ---- */
  --gradient-brand:  linear-gradient(90deg, var(--blue-600) 0%, var(--blue-500) 45%, var(--cyan-500) 100%);
  --gradient-cta:    linear-gradient(135deg, var(--blue-600) 0%, var(--blue-500) 50%, var(--cyan-500) 100%);
  --gradient-text:   linear-gradient(90deg, var(--blue-600) 0%, var(--blue-500) 50%, var(--cyan-500) 100%);
  /* Hero ambient blob */
  --gradient-blob:   radial-gradient(circle at 30% 20%, rgba(37,99,235,0.16), transparent 60%); /* @kind color */
}