/* TOSHIFT — Color tokens
   Brand hues sampled from the official logo & 3D-swirl artwork.
   (Exact guideline hex values were not extractable from the PDF —
   flagged for confirmation.) */

:root {
  /* ----- Brand blue scale (primary = ultramarine) ----- */
  --tsh-blue-50:  #eef0ff;
  --tsh-blue-100: #dde0ff;
  --tsh-blue-200: #bcc1ff;
  --tsh-blue-300: #939bff;  /* periwinkle highlight (swirl) */
  --tsh-blue-400: #5b63f2;
  --tsh-blue-500: #2a31e0;
  --tsh-blue-600: #0e18cc;  /* ◆ PRIMARY — TOSHIFT Blue */
  --tsh-blue-700: #0a1199;
  --tsh-blue-800: #070b5e;  /* deep navy (logo gradient end) */
  --tsh-blue-900: #050838;

  /* ----- Accents (from purple / yellow swirls) ----- */
  --tsh-purple:   #6a1fc4;
  --tsh-purple-soft: #ede2fb;
  --tsh-gold:     #f5b300;
  --tsh-gold-soft: #fdf0cf;

  /* ----- Cool neutral / ink scale ----- */
  --tsh-ink:      #0b0e1a;  /* near-black, blue-cast */
  --tsh-gray-900: #14182a;
  --tsh-gray-800: #232838;
  --tsh-gray-700: #3a4154;
  --tsh-gray-600: #5a6276;
  --tsh-gray-500: #7c8499;
  --tsh-gray-400: #a3abbf;
  --tsh-gray-300: #c8cedd;
  --tsh-gray-200: #e2e6f0;
  --tsh-gray-100: #eff2f8;
  --tsh-gray-50:  #f7f9fc;
  --tsh-white:    #ffffff;

  /* ----- Semantic status ----- */
  --tsh-success:  #1f9d5b;
  --tsh-success-soft: #e2f4ea;
  --tsh-warning:  #d98a00;
  --tsh-warning-soft: #fbeecd;
  --tsh-danger:   #d23146;
  --tsh-danger-soft:  #fbe3e6;
  --tsh-info:     var(--tsh-blue-600);
  --tsh-info-soft: var(--tsh-blue-50);

  /* ----- Brand gradient (signet) ----- */
  --tsh-gradient-signet: linear-gradient(150deg, #1a24e6 0%, #0e18cc 42%, #070b5e 100%); /* @kind other */
  --tsh-gradient-hero:   linear-gradient(135deg, #0e18cc 0%, #070b5e 100%); /* @kind other */

  /* ================= SEMANTIC ALIASES ================= */
  --color-brand:          var(--tsh-blue-600);
  --color-brand-hover:    var(--tsh-blue-700);
  --color-brand-active:   var(--tsh-blue-800);
  --color-brand-subtle:   var(--tsh-blue-50);

  --text-strong:   var(--tsh-ink);
  --text-body:     var(--tsh-gray-800);
  --text-muted:    var(--tsh-gray-600);
  --text-faint:    var(--tsh-gray-500);
  --text-on-brand: var(--tsh-white);
  --text-link:     var(--tsh-blue-600);

  --surface-page:     var(--tsh-gray-50);
  --surface-card:     var(--tsh-white);
  --surface-sunken:   var(--tsh-gray-100);
  --surface-inverse:  var(--tsh-ink);
  --surface-brand:    var(--tsh-blue-600);

  --border-subtle: var(--tsh-gray-200);
  --border-default: var(--tsh-gray-300);
  --border-strong: var(--tsh-gray-400);
  --border-brand:  var(--tsh-blue-600);

  --focus-ring: var(--tsh-blue-400);
}